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

Question

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

Answer 1

Stack: Determine the direction of scroll

通过使用此功能，您可以使用.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中），也许我可以帮助你更好。