IOS滚动卡顿及点击失效问题

IOS滚动卡顿

IOS中使用H5页面,并且H5页面中不适合使用IOS系统的滚动效果时。
例如某个div中添加了overflow:scroll;后,滚动会很卡顿。

解决方法

在body中添加-webkit-overflow-scrolling: touch;

参考:https://blog.csdn.net/weiwenwen6/article/details/75007340

IOS点击失效

IOS中使用H5页面,有时候会出现点击没反应的问题,但是Android却是正常的。

解决方法
  • 将目标​元素换成 a 或者 button 等可点击的​元素
  • ​给​目标元素加一条css样式 cursor: pointer;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,942评论 3 67
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 780评论 0 1
  • 生活的智慧就在于此,无论发生了什么使你一时怒意难消,你依然能清楚地明白自己最想要的,最该珍惜的是什么。是一盆花,一...
    心情随笔jing阅读 399评论 0 0
  • 昆明梁艳分享第九十五天。网络五期初级。2017.08.20 控制与反控制是刘老师第一次在周二的网课上讲...
    诗心小鹿阅读 820评论 0 0
  • 某月某夜,雨,他们相拥旋转木马前,海誓山盟雨夜后。 某月某夜,雨,他们离别旋转木马前,分道扬镳雨夜后。 曾经,他许...
    分分钟需要你12阅读 495评论 0 2

友情链接更多精彩内容