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;   
}

的Javascript

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

Answer 1

如下所述： Why does Safari seem to have a problem with css position:fixed?

当使用固定位置时，您需要为侧边栏指定左/右位置值。没有水平位置值，浏览器不知道放置侧边栏的位置，所以只需要猜测。