iscroll.js----下拉加载

引入iscroll-probe.js        https://download.csdn.net/my

<div class="wrap">
        <div class="content">
            454545
        </div>
        <div class="dropdown">
            下拉刷新
        </div>
    </div>
        let iscroll = new IScroll('.wrap',{probeType:3})
        let dropdown = document.querySelector('.dropdown')
        iscroll.on('scrollStart',function () {
            iscroll.endTime=0
            iscroll.on('scroll',fnScroll)
        })
        function fnScroll(){
            if(iscroll.endTime==0){  // 正在拖动
                if(iscroll.y>100){
                    dropdown.innerHTML='请松手'
                }else {
                    dropdown.innerHTML='下拉刷新'
                }
            }else {  // 松手了
                iscroll.off('scroll',fnScroll)
                dropdown.innerHTML='加载中...'
                iscroll.scrollTo(0,30)
            }
        }

猜你喜欢

转载自blog.csdn.net/qq_33040483/article/details/84594162