h5封装下拉刷新

function move_lin(e) { //托轉事件
        if(!br) {
            var eve = e || event
            var touch = eve.touches[0]
            var clientW = box.scrollWidth;
            var clientH = box.clientHeight
            var start_y = (750 / clientW) * (touch.pageY) / 75 //距离当前页面的高度
            var start_x = (750 / clientW) * (touch.pageX) / 75 //距离当前页面的宽度
            console.log(start_y, start_x)
        }

//        console.log('托轉了',box_childer,all_H)
    }
    (function() {
        str =`<div'>
                <div>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>             这里我写了一个下拉刷新的deom
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            </div></div>`
    })()
}()

整个代码的思想不是简单意义上的根据滚动长度和实际高度做判断，以为开头说过ios这方面会有弹簧的一个特性，所以不能这么判断，我这边通过监听摁下松开事件来多上了一层锁，这样更加的安全和高效。

下面是我的效果演示，实际开发中可根据自己的用途来修改代码

到此这篇关于h5封装下拉刷新的文章就介绍到这了,更多相关h5下拉刷新内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!