滾動時逐元素跳躍

Question

我有兩個div，分別具有視口的總高度和一個使用ScrollTo jquery插件從一個滾動到另一個的按鈕。 問題是我想防止手動滾動的可能性。

我希望當有人用鼠標向下滾動時，瀏覽器會自動滾動到第二個視圖，而當我滾動到頂部時會得到上一個視圖。

我不知道我的解釋是否很好，這里有個例子： http : //orangina.eu/heritage

嘗試滾動此網頁，這是我需要的。

謝謝！

Answer 1

如果我錯了，請糾正我，但對我來說，您似乎正在嘗試禁用瀏覽器的默認滾動行為，請附加事件以向上滾動和向下滾動以及向上或向下滾動到頁面高度。

我這樣做的方法是禁用瀏覽器的默認滾動行為，並把它overflow:hidden到正文和html中。

然后，您可以將jQuery“ mousewheel”和“ DOMMouseScroll”綁定到div，以檢查“ event.originalEvent.detail> 0”或“ e.originalEvent.wheelDelta <0”是否向下滾動或向上滾動。

最后，根據向下滾動或向上滾動，在if或else中添加函數調用。

如果您願意，我可以編寫代碼，但是如果您自己嘗試，它可能會為您提供更多幫助。

Answer 2

您可以通過使用jQuery的fullPage.js插件來實現相同的效果。

• 與IE 8等舊版瀏覽器兼容。
• 兼容觸摸設備
• CSS3動畫提高了性能
• 很多選項，回調和方法。

Answer 3

感謝您的所有回復！

我解決了我的問題，而不是使用標准滾動，而是使用了translateY css屬性。 設置一個數據ID到每個頁面層，每次我想向下/向上滾動時都要執行transformY（100％，200％，300％...）。