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

在ios上的safari浏览器中,当网页滚动到最顶端的时候,还可以像橡皮筋一样再滚动一段距离,松手后回弹。在window的平板上也有这个效果。

请问怎么用css禁止这个效果,因为很多时候会影响页面内部的滚动。据我所知是有一个css的属性可以用。

请问是哪一个?

阅读 4.1k
1 个回答
document.addEventListener('touchStart',function(e){
            e.preventDefault();
        })

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题