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

我有一个右侧边栏，当滚动时，它使用jQuery添加了一个“粘性”类。这在Firefox和Chrome中运行得非常好，但是在Safari中，侧边栏被推到左侧，与主要内容重叠。我确信这与固定定位有关，但我不确定是否有解决方法

滚动时，您可以在此处看到问题的示例：

我有以下相关代码：

CSS

Javascript

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

如下文所述：

---

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

如果在侧边栏上放置

溢出：隐藏

，是否仍会发生这种情况？我不知道这是否与滚动条的出现有关。我没有Safari，所以这只是一个猜测，您也可以为您的JS执行此操作：

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