scrollOverflow / slimScroll在fullPage.js中无法正常工作

Question

这是这个帖子的续集。

在我为客户构建的网站的一个页面上，全页导航和scrolloverflow / slimscroll都可以正常工作。

在另一页上，fullpage导航工作，但溢出不滚动。 看起来像.slimScrollDiv和.scrollable类的两个div没有按预期创建。 这是jsfiddle ; scrollOverflow设置为true但第二部分的溢出不会滚动。

$.fn.fullpage({
    scrollOverflow: true
});

Answer 1

您遇到了麻烦，因为包装表的类.infotext定义为position:absolute 。 这样插件无法检测到节内容的高度，因此我没有意识到它必须创建滚动条。

使用position:relative来解决问题：

现场演示

使用绝对定位元素没有太大意义，因为它将相对于该部分，就像您使用相对定位元素一样。