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中有问题？

使用固定位置时，您需要为边栏提供左/右位置值。 如果没有水平位置值，浏览器将不知道将侧边栏放置在何处，因此只能猜测。