Safari中的粘邊欄滾動問題

Question

我有一個右側欄，當滾動時，使用jQuery向其添加了“粘性”類。 在Firefox和Chrome瀏覽器中，這非常完美-但是，在Safari中，邊欄被推到左側並與主要內容重疊。 我確定這與固定位置有關，但是我不確定是否有解決辦法。

滾動時，您可以在此處看到問題的示例： http : //tsb.catalystdigitalpartners.com/real-tennis-and-lawn-tennis-a-conversation-starter/

我有以下相關代碼：

CSS

.widgets-sticky{
    position: fixed !important;
    top: 60px !important;   
}

Java腳本

if (windowPos > 60){
    $('#widgets-default').addClass('widgets-sticky');   
} else {
    $('#widgets-default').removeClass('widgets-sticky');    
};

Answer 1

如此處所述： 為何Safari似乎在css position：fixed中有問題？

使用固定位置時，您需要為邊欄提供左/右位置值。 如果沒有水平位置值，瀏覽器將不知道將側邊欄放置在何處，因此只能猜測。