Fullpage.js: Disable Page Scroll When Scrolled With The Mouse Pointer Inside A Container

What's happening: Scrolling works no matter which position i have the mouse while i scroll. What i want to achieve: When the user scrolls with the mouse pointer positioned inside a

Solution 1:

Use the fullpage.js option normalScrollElements. Check the fullpage.js docs for more info:

normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2'). This option should not be applied to any section/slide element itself.