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"
   }); 

});

Answer 2

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

使元素滚动更慢（视差）

2 个答案: