javascript - 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

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