我已经实现了fullpage.js插件,但是当内容部分对于页面太长时我遇到了问题。正如您从以下链接中看到的那样:
http://ymorin007.webfactional.com/events/UFC174/并从任何设备或桌面转到“领导者”部分。
您会注意到滚动条在到达所有表格内容之前结束。
那么如何解决此问题,以便滚动条能够看到完整的表格内容。
我的fullpage()声明:
$('#container-event-page').fullpage({
verticalCentered: false,
loopHorizontal: false,
scrollOverflow: true,
css3: true
});
答案 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>