无法使用FullPages.js使我的汉堡菜单（绝对定位）垂直滚动

Question

点击汉堡包图标（左上角）on my website，然后可以向左滚动显示在左侧的汉堡包菜单。

现在检查the section using plugin Fullpages：点击相同的图标，然后尝试向下滚动汉堡包菜单，它不起作用。

通过使用scrollBar: true初始化插件，我可以使所有内容都可滚动，但我只希望菜单可滚动。有什么建议吗？

Answer 1

您需要在包装器中添加菜单元素<aside class="left-off-canvas-menu">。

将包装器的大小设置为页面高度。将CSS样式overflow-y:scroll;添加到包装器，然后将菜单包的类添加到fullPage.js的选项normalScrollElements。

类似的东西：

<强> HTML

<div class="menuWrap">
    <aside class="left-off-canvas-menu"></aside>
</div>

的 CSS

.menuWrap{
    height: 100%;    
    overflow-y:scroll;
}
html, body{
    height: 100%;
}

的的Javascript

$('#fullpage').fullpage({
    loopHorizontal: false,
    scrollBar: true,
    normalScrollElements: '.menuWrap'
});