Safari 中的侧边栏滚动粘性问题

Sticky sidebar scrolling issue in Safari

本文关键字：问题 滚动 侧边栏 Safari      更新时间：2023-09-26

我有一个右侧边栏，滚动时，使用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;   
}

爪哇语

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

如下所述：为什么 Safari 似乎在 css 位置：固定方面存在问题？

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

相关文章：