當用戶滾動時移動圖像或元素

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

你可以使用

$（窗口）.scroll（功能（）{$（圖）.POSITION（$（圖像）.POSITION（）頂部+ 10）;}）

取決於你的CSS。 如果你可以提供一些代碼（在jsFiddle中），也許我能夠幫助你更好一點。