我在 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,但这没有任何效果。
感谢任何帮助 - 希望这是一个快速修复!
编辑:我想我应该在这里补充一点,这个“错误”在使用鼠标滚轮时最明显...
最佳答案
实际上,在 Safari 中查看 JSfiddle 对我来说完全正常。这让我怀疑其他事情 - Safari 中是否安装了任何插件?您是否尝试过重置 Safari?
http://osxdaily.com/2014/01/09/fix-safari-problems-mac-reset/
据我了解,Chrome 和 Safari 使用相同/相似的渲染引擎...如果一个在工作而另一个不工作,则可能是 Safari 的问题。
关于javascript - $(window).scroll 函数上的 Safari 抖动/闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31412237/