在卷頁上互相滾動div div

我有一個帶有幾個DIV的HTML頁面和一個名爲'fullscreenCSS'的函數，這個函數將處理全屏的DIV。在卷頁上互相滾動div div

當我使用滾動條進行滾動時，我希望當前的DIV保持在它的位置（如果滾動到該DIV的末尾）並且下一個DIV滑過它。我認爲目前的DIV暫時有一個'絕對'或'固定'的位置，直到下一個達到屏幕的頂部。有人有一個想法如何做到這一點？

第一次嘗試就可以看出：http://www.84media.nl/project/couch/

2012-08-23 Rob-weDevise

這可能會有所幫助：http://stackoverflow.com/questions/10989695/stop-div-scrolling-once-it-reaches-another-div/10990181#10990181 – MicronXD

這裏是最新的版本http://jsfiddle.net/Tgm6Y/1470/它幾乎與你想要的相反。你可能會玩弄條件並最終找到你要找的東西。 – MicronXD

我更新了js小提琴，做我認爲你在找的東西。 – MicronXD

這個怎麼看？

http://jsfiddle.net/Tgm6Y/2227/

來源

2012-08-23 15:25:54 MicronXD

Thnx！這看起來不錯，MicronXD！我更新了測試網站：http://84media.nl/project/couch2/ 我在第一個DIV中添加了一些虛擬文本。內容與DIV相比較長，是否有可能在第二個內容滾動之前先滾動瀏覽內容？ –

哦，還有一件事：不幸的是，位置：固定，不會在iPad上工作。搜索瞭解決方法但尚未找到，我會繼續搜索！ –

不幸的是，我還沒有找到ipad的解決方案。此外，我試圖淡化即將到來的DIV（通過查看，檢查下一個div是否在視口中）。它（褪色）適用於第一個，但不適用於DIV的其餘部分。有什麼可能的解決方案？ http://84media.nl/project/couch2/（小提琴中的相同代碼沒有工作，http://jsfiddle.net/d6rKn/13/） –

在卷頁上互相滾動div div

回答

相關問題