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

Question

这是this线程的续集。

在我为客户构建的网站的一页上，整页导航和滚动溢出/slimscroll 都可以正常工作。

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

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

Answer 1

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

改用position:relative，问题就解决了：

Live demo

使用绝对定位元素没有多大意义，因为它将与部分相关，就好像您使用的是相对定位元素一样。