Fullpage.js - 在滚动区域外创建侧边栏

Question

我正在试图弄清楚如何在Fullpage.js中减少鼠标滚轮检测到的可滚动区域的宽度，以便我可以添加单独滚动的侧边栏。

Answer 1

您可以使用fullpage.js选项normalScrollElemetns：

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    scrollOverflow:true,
    normalScrollElements: '#myElement'
});

CSS

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

Reproduction online

来自the docs

  

normalScrollElements :(默认为null）如果要在滚动某些元素时避免自动滚动，则需要使用此选项。 （对于地图，滚动div等有用）它需要一个带有jQuery选择器的字符串用于这些元素。 （例如：normalScrollElements：'＃element1，.element2'）