博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
完美解决safari、微信浏览器下拉回弹效果。
阅读量:6964 次
发布时间:2019-06-27

本文共 796 字,大约阅读时间需要 2 分钟。

完美解决safari、微信浏览器下拉回弹效果,只保留局部回弹效果。

CSS代码

.box{  overflow: auto;  -webkit-overflow-scrolling: touch;}

HTML代码

    

JS代码

var overscroll = function(el) {    el.addEventListener('touchstart', function() {        var top = el.scrollTop        ,totalScroll = el.scrollHeight        ,currentScroll = top + el.offsetHeight;        if(top === 0) {            el.scrollTop = 1;        }else if(currentScroll === totalScroll) {            el.scrollTop = top - 1;        }    });    el.addEventListener('touchmove', function(evt) {    if(el.offsetHeight < el.scrollHeight)        evt._isScroller = true;    });}        overscroll(document.querySelector('.scroll'));document.body.addEventListener('touchmove', function(evt) {    if(!evt._isScroller) {        evt.preventDefault();    }});

转载地址:http://swqil.baihongyu.com/

你可能感兴趣的文章
Andrioid 中 Service 组件的使用
查看>>
让Spring Controller 的方法基本数据类型参数支持Bean Validation
查看>>
nginx 配置自签名证书
查看>>
mybatis.xml(理解的相对局限)
查看>>
详解VirtualBox虚拟机的四种网络设置
查看>>
关于学习区块链的推荐内容
查看>>
【腾讯bugly干货分享】HTML 5 视频直播一站式扫盲
查看>>
https原理通俗了解
查看>>
iOS开发debug集锦
查看>>
go-fasthttp源码分析
查看>>
RaspberryPi学习之SD卡文件修改及备份
查看>>
我的友情链接
查看>>
Django模型:多对多关系模型
查看>>
修电脑
查看>>
【C语言】单链表的相关热点面试题(包括:从尾到头打印,逆置,冒泡,寻找中间节点,倒数k节点)...
查看>>
okHttp
查看>>
思科 hsrp 双机热备
查看>>
PLC与IC卡读卡器
查看>>
java9系列(三)模块系统精要
查看>>
聊聊HystrixThreadPool
查看>>