Fullpage.js没有滚动到内容的完整高度

时间:2014-07-31 20:00:19

标签: jquery fullpage.js slimscroll

我已经实现了fullpage.js插件,但是当内容部分对于页面太长时我遇到了问题。正如您从以下链接中看到的那样:

http://ymorin007.webfactional.com/events/UFC174/并从任何设备或桌面转到“领导者”部分。

您会注意到滚动条在到达所有表格内容之前结束。

那么如何解决此问题,以便滚动条能够看到完整的表格内容。

我的fullpage()声明:

$('#container-event-page').fullpage({
        verticalCentered: false,
        loopHorizontal: false,
        scrollOverflow: true,
        css3: true
    });

2 个答案:

答案 0 :(得分:2)

通过从body中移除顶部填充并将其应用于fullpage()函数的paddingTop选项来修复它,它现在可以正常工作。

答案 1 :(得分:0)

您是否导入了scrolloverflow.js

<script src="jquery-3.1.1.min.js"</script>
<script src="jquery.easing.min.js"</script>

<!-- DO NOT FORGET this one -->
<script type="text/javascript" src="scrolloverflow.min.js"></script>

<script type="text/javascript" src="jquery.fullpage.js"></script>