I recently came across a fantastic plugin called onepage-scroll that almost perfectly fits my requirements. However, I have encountered an issue. Some of my pages, defined within <section> tags, are larger than a single screen. Is there a way to customize the plugin so that it only scrolls to the next section after fully scrolling through the entire current section?
I attempted to modify the CSS rule as follows:
.onepage-wrapper {
width: 100%;
/*height: 100%;*/
height:200%;
display: block;
position: relative;
padding: 0;
-webkit-transform-style: preserve-3d;
}
Despite these changes, the plugin still jumps to the next page with just one scroll movement.
My goal is to have it scroll to the end of a section (where height is greater than 100%) before moving on to the next page.
Any assistance on this matter would be greatly appreciated. Thank you!