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

时间:2014-03-04 18:41:16

标签: javascript jquery fullpage.js slimscroll

这是this主题的续集。

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

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

true

1 个答案:

答案 0 :(得分:6)

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

改为使用position:relative,问题就解决了:

Live demo

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