javascript - Scrollstopping 视差效果在 Safari 中不起作用

Question

My site具有停止滚动视差效果。我用来停止滚动的代码是:

if ( parseInt($("div#bg").css("top"), 10) <= -0 ) {
    $('#content').css('top', (-0) + 'px');
    $('#logo').css('margin-top', (-142) + 'px');
}

这在 Chrome、Firefox 和 Opera 中运行良好，但在 Safari 中效果不佳。在 Safari 中是否可以使用不同的代码？我知道 Safari 在滚动方面有一个错误，但我找不到解决办法。是否有解决方法使其在 Safari 中也能正常工作？或者我可以通过某种编辑器来运行我的代码？

Answer 1

第一件事:你的布局有问题，因为我什至没有在 Safari 上看到你的作品库。我确实看到，您所有的画廊元素都是主 div 内的独立元素，没有容器，这会导致很难控制的情况。

回到主题

parseInt($("div#bg").css("top"), 10) 

返回 NaN，我想这可能是你的问题。 #bg 的最高值设置为“auto”，因此 parseInt() 将返回 NaN，因为第一个(和所有其他字符 :D)是 CHAR 而不是数字。

代码可以在 Chrome 上运行，因为它的 javascript 引擎更灵活一点，但它实际上不应该在那里运行，也不应该在其他浏览器上运行。

建议:你见过Skrollr吗？它是一个用于视差效果的开源 jquery 库。它写得非常好，看起来真的可以在这里度过你的一天。

http://prinzhorn.github.io/skrollr/