javascript - 使元素滚动更慢(视差)

Question

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

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

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

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

---

我还尝试在我的窗口顶部添加一个 anchor ，一个固定的 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"
   }); 

});