jQuery让背景滚动的印象变慢

我有以下代码，这只是为了让一个div滚动比另一个更慢的印象，但滚动时背景div抖动有一个问题。

任何想法为什么会发生这种情况以及我如何解决这个问题？

编辑：这似乎并不是所有浏览器的问题，所以我想我现在正在寻找一种更安全的方式来实现这种效果……

http://jsfiddle.net/KRv5V/

   $(document).ready( function() { $(window).scroll(function() { var scrollTop = $(window).scrollTop(); var divam = 1.2; $(".sky").css({ "top":scrollTop/divam+"px", "height":10000-(Math.round(scrollTop/divam))+"px" }); }); });   .sky { height:10000px; width:100%; position:absolute; top:0px; left:0px; background-image:url(http://sofzh.miximages.com/javascript/clouds45.jpg); z-index:1; } .red { height:10000px; width:50%; position:absolute; top:0px; right:25%; background-image:url(http://sofzh.miximages.com/javascript/red-pirate.jpg); z-index:2; background-position:center; }    
 
  

Answer 1

您正在尝试实现“视差滚动”效果。 我建议你看几篇文章，比如本教程和本文档 。 如果您需要更多帮助，请问我已经使用此设计制作了一些网站。

Answer 2

我自己做了一些改动并让它更顺畅，因为我真的不需要插件中的所有functionOliver Cooper也指导我，虽然插件可能是更好的选择，为未来提供更多的空间适应。

这是我改进的代码。