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

Question

这是这个帖子的续集.

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

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

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

Answer 1

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

使用position:relative相反,问题将得到解决:

现场演示

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