scrollable - Fullpage.js - creating a sidebar outside of scroll area -

i'm trying figure out how lessen width of mousewheel detected scrollable area in fullpage.js can add separately scrolling sidebar.

you can use fullpage.js option normalscrollelemetns:

$('#fullpage').fullpage({     sectionscolor: ['yellow', 'orange', '#c0c0c0', '#add8e6'],     scrolloverflow:true,     normalscrollelements: '#myelement' }); 

css

#myelement{     width: 300px;     height: 400px;     overflow:scroll;     background: green; } 

reproduction online

from the docs

normalscrollelements: (default null) if want avoid auto scroll when scrolling on elements, option need use. (useful maps, scrolling divs etc.) requires string jquery selectors elements. (for example: normalscrollelements: '#element1, .element2')