<div id="fullPage">
<div class="section">
</div>
<div class="section" style="overflow: auto;"> //这是超出内容的一屏,记得加上overflow:auto,不然设置
loopBottom: false,当滚动到底部时还是会自动滚动到顶部。
</div>
</div>
$('#fullPage').fullpage({
// sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90']
//navigation: true,
anchors: ['page1', 'page7'],
css3: false,
loopBottom: false,
verticalCentered: false,
scrollOverflow: false,
menu: "#menu",
afterLoad: function(a, index) {
// alert('当前是第'+index+'屏');
if (index == 1) {
// $.fn.fullpage.setAutoScrolling(true); //放开fullpage移动端滑动
}
if (index == 2) {
// 当页面滚动到倒数第二屏时,改变页面滚动方式
$.fn.fullpage.setAutoScrolling(false);
// 记录页面开始滚动的位置
let start = $(document).scrollTop();
let last = 0;
$(document).scroll(function() {
// 获得页面实时滚动的位置
let end = $(document).scrollTop();
// 如滚动的位置小于0,则代表页面在倒数第二屏向上滚,这个时候再改变页面的滚动方式
if (end - start < 0) {
$.fn.fullpage.setAutoScrolling(true);
}
})
}
},
//离开某一屏会调用的函数(其中参数a,b不用)
onLeave: function(index, a, b) {
if (index == 1) {
}
if (index == 2) {
}
}
});