ios端h5页面双击页面会发生滚动问题解决办法

g-LouHH

已于 2022-05-31 23:11:23 修改

阅读量3.3k

点赞数

分类专栏： js 文章标签： ios 编辑器

于 2021-11-30 17:37:09 首次发布

本文链接：https://blog.csdn.net/weixin_38337995/article/details/121637926

版权

本文主要探讨了在iOS系统中，H5页面遇到双击导致页面滚动的兼容性问题。提供了两种解决方法：一是通过在touchmove事件中阻止默认事件，防止局部滚动；二是针对iOS设备，额外添加特定代码来解决双击滚动问题。

摘要由CSDN通过智能技术生成

在IOS系统中，H5页面双击会引起页面发生向上滚动，以下代码方法解决这个兼容性问题亲测有用，记录一下
一.在touchmove的时候进行阻止默认事件 (能解决使用了window添加了scroll滚动后，局部禁止滚动的效果，但是ios上双击页面还是会滚动)

document.querySelector(".top-content-scroll").addEventListener("touchmove", function (event) {
    event.preventDefault();}, false)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注