jquery.fullpage.js单屏内容超出显示滚动条

<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) {

                        }
                    }
                });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值