javascript - $(window).scroll 函数上的 Safari 抖动/闪烁

Question

我在 Safari 中遇到一个问题 - 滚动时图像闪烁或抖动，当在页面滚动中更改一个元素的高度和另一个元素的边距时。

到目前为止，这在 Chrome/Firefox (OSX) 中运行顺利，符合预期，但您会在此处看到 Safari 上的问题:

http://jsfiddle.net/y1Lrnd24/7/

$(window).scroll(function () {

    var imgHeight = 300;
    var scrollTop = $(window).scrollTop();
    var slideHeight = imgHeight - scrollTop;
    var marginTop = scrollTop;

    if (slideHeight > 0) {
        $('.slide').css('height', slideHeight);
        $('#slide-holder').css('paddingTop', marginTop);
    }

});

(全屏显示效果更好:https://jsfiddle.net/y1Lrnd24/7/embedded/result/)

有人知道吗？我尝试将 marginTop 更改为 paddingTop，但这没有任何效果。

感谢任何帮助 - 希望这是一个快速修复!

编辑:我想我应该在这里补充一点，这个“错误”在使用鼠标滚轮时最明显...

Answer 1

实际上，在 Safari 中查看 JSfiddle 对我来说完全正常。这让我怀疑其他事情 - Safari 中是否安装了任何插件？您是否尝试过重置 Safari？

http://osxdaily.com/2014/01/09/fix-safari-problems-mac-reset/

据我了解，Chrome 和 Safari 使用相同/相似的渲染引擎...如果一个在工作而另一个不工作，则可能是 Safari 的问题。