Javascript 使元素滚动变慢（视差）

我的页面上有一个元素处于绝对位置

我试图编写jQuery的一段代码，使该元素的滚动速度比页面上其他元素的滚动速度慢

到目前为止，我已经写了这篇文章，但似乎根本无法让它发挥作用。有人有过这样的经历吗？如果有，你愿意解释一下吗

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

---

我还尝试添加一个锚，在我的窗口顶部添加一个固定的div，以便在没有运气的情况下从中计算出Calc

---

我也试过这个

$(document).ready(function() {
// Cache the Window object
 windowScroll = $(this).scrollTop();

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

---

是一个非常好的视差滚动教程。它让我了解了它的真正工作原理。

我可以为您指出正确的方向。每次滚动窗口时都需要调用

$（'.twit bird'）.css（）

。此外，您还忘记了

.scrollTop（）

，并且不要引用

窗口

（或者，最好只使用

此

）

---

我已经添加了我的最新代码和这些修改，可以在初始滚动上工作，但不会随着滚动继续计算…@Timothy Aaron-你的脚本在Firefox中看起来很完美，但在Chrome中却非常不稳定-特别是如果最高值不是负值的话-你认为有解决方案吗？

$(window).scroll(function () { 

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

});