如何移動滾動上的元素

我想以不同的速度垂直移動一些元素（包含圖像的div）。我已經部分地通過帶錨的動畫jquery函數來實現這一點。不過，我無法弄清楚如何用滾動事件來做到這一點。我也想通過滾動來進行相同的移動（垂直以不同的速度）。滾動必須在「瀏覽器滾動」和「鼠標滾動」（不知道這些名稱）上具有相同的效果。如何移動滾動上的元素

function scroll() { 
    $("#logo").animate({ "top": "+=180px" }, 1000); 
$("#logo2").animate({ 'top': "+=450px"}, 1000); 
}

這是我得到的功能。

我做了同樣的研究，我發現了一些案件，但沒有一個真正幫助我。

任何幫助將不勝感激。

來源

2011-11-05 Snapper

請參見：http://jsfiddle.net/5HHxK/1/

什麼是你想要的嗎？如果你想要不同的速度，相同的「位置」，只是減慢速度:)

來源

2011-11-05 14:25:22

嗨馬可。感謝您的回覆！我認爲這會幫助我開始:)。我需要重新考慮我的div的定位（相對vs固定vs絕對）。現在我有兩個關於你的回覆的問題。如果我想向上滾動呢？廣場只是向下滾動，因爲我把「頂部」：「+ = __ px」，但是當我向上滾動時，增量應該是「 - = __ px」。另一個問題是如果我需要指定內容的高度（在本例中爲100000px）。在不同的瀏覽器中以及當我嘗試調整窗口大小時會發生什麼？對不起，如果這些都是基本問題，但我是一個begginer :) – Snapper

看看這個：http://jsfiddle.net/5HHxK/5/ ....不，我只是做了滾動條實際顯示（你不能滾動沒有滾動條）:)你想達到什麼？如果它只是一個固定的菜單，你可以使用像這樣的插件這個http://jsfiddle.net/5HHxK/ –

Marco你發佈的第一個鏈接是我的問題之一！優秀！雖然我需要獲得滾動的位置，但我沒有到達那裏。謝謝！第二個問題：我問過你，因爲我只想在事件（拖放事件）之後允許滾動。在此之前，我想阻止用戶滾動（我不知道我是否正確地解釋自己）。我想要實現的是這樣的：帶有菜單的頁面（在div之間導航）並允許用戶在它們之間滾動。此滾動以不同的速度移動元素（圖像）。再一次感謝你Marco – Snapper

如何移動滾動上的元素

回答

相關問題