用户滚动时移动图像或元素

我正在试图弄清楚如何在滚动事件上移动图像。 我使用了.animate ，但即使在用户放手之后，它也会一直移动。 我希望它在用户停止滚动时停止。

Answer 1

堆栈：确定滚动方向

通过使用它，您可以使用.animate

的jsfiddle

 var lastScrollTop = 0; $("div").scroll(function (event) { var st = $(this).scrollTop(); if (st > lastScrollTop) { $('img').animate({top: '-=10'}, 10); } else { $('img').animate({top: '+=10'}, 10); } lastScrollTop = st; }); 

无视：如果您希望图像随页面移动，请添加position: fixed; 到CSS。

Answer 2

你可以用

$（window）.scroll（function（）{$（image）.position（$（image）.position（）。top + 10）;}）;

取决于你的CSS。 如果你能提供一些代码（在jsFiddle中），也许我可以帮助你更好一些。