如何使用jQuery onepage-scroll插件滾動大頁面？

Question

我發現這個很棒的插件叫做onepage-scroll，它符合我的需求，除了一件事。我的一些頁面（<section>標籤）可能大於一個屏幕。我如何定製它，以便它在該部分內完成「常規」滾動時僅滾動？

我試圖改變CSS規則：

.onepage-wrapper { 
    width: 100%; 
    /*height: 100%;*/ 
    height:200%; 
    display: block; 
    position: relative; 
    padding: 0; 
    -webkit-transform-style: preserve-3d; 
} 

，但它仍然滾動到下一個頁面，有一條滾動運動。

我想讓它滾動到該部分的底部（高度> 100％），然後滾動到下一頁。

任何幫助將不勝感激。謝謝 ！

Answer 1

您可能希望改用fullPage.js。有一個稱爲scrollOverflow，讓你可以有內部部分滾動，你可以在this example

Answer 2

看到雖然這是一個不太理想的解決方案，我們遇到了同樣的問題，發現使用iframe使用jQuery onepage滾輪工程作爲解決方案的選項爲了提供這個。