01
07
57
43
为了账号安全,请及时绑定邮箱和手机立即绑定

如何禁止sarafi、IE在移动端出现的橡皮筋效果

如何禁止sarafi、IE在移动端出现的橡皮筋效果

扬帆大鱼 2018-11-15 14:15:37
在ios上的safari浏览器中,当网页滚动到最顶端的时候,还可以像橡皮筋一样再滚动一段距离,松手后回弹。在window的平板上也有这个效果。请问怎么用css禁止这个效果,因为很多时候会影响页面内部的滚动。据我所知是有一个css的属性可以用。请问是哪一个?

1 回答

?
冉冉说

TA贡献1877条经验 获得超1个赞

document.addEventListener('touchStart',function(e){

            e.preventDefault();

        })

移动端是通过阻止默认事件来消除橡皮筋效果,不过有个坏处,默认事件被阻止,a标签不能点击,页面要模拟滚动条

查看完整回答
反对 回复 2018-12-13

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号