使元素滚动更慢(Parrallax)

Question

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

我试图编写一个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"
   }); 

});