使元素滚动更慢（Parrallax）

我的页面上有一个元素绝对定位。

我试图编写一个jQuery片段，使该元素以比页面上其他元素更慢的速度滚动。

到目前为止，我已经写过这个，但似乎根本无法完成它。 有没有人有这方面的经验，你是否愿意解释？

$(document).ready(function() { $window = $(window); $('.twit-bird').css({ 'top' : -($('window')/3)+"px" }); }); 

---

我还尝试在我的窗口顶部添加一个锚点，一个固定的div来计算出没有运气的计算结果…

---

也尝试了这个

 $(document).ready(function() { // Cache the Window object windowScroll = $(this).scrollTop(); $(window).scroll(function() { $('.twit-bird').css({ 'top' : -(windowScroll/3)+"px" }); }); }); 

Answer 1

我可以指出你正确的方向。 每次滚动窗口时都需要你的$('.twit-bird').css()来调用。 你也忘了.scrollTop() ，并且不引用window （或者，更好的只是使用this ）…

 $(window).scroll(function () { $('.twit-bird').css({ 'top' : -($(this).scrollTop()/3)+"px" }); }); 

Answer 2

这是一个非常好的视差滚动教程。 它让我理解它是如何运作的。