javascript - 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

如此处所述： 为什么 Safari 似乎对 css position:fixed 有问题？

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