美文网首页前端知识
IOS滚动卡顿及点击失效问题

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

作者: yimi珊 | 来源:发表于2018-05-11 19:23 被阅读16次

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;

相关文章

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

    IOS滚动卡顿 IOS中使用H5页面,并且H5页面中不适合使用IOS系统的滚动效果时。例如某个div中添加了ove...

  • ios 滚动卡顿

    -webkit-overflow-scrolling: touch;

  • swiper 实现 带video的banner

    遇到的问题: 1、swiper复制的节点点击事件失效问题2、多个视频同时播放的问题3、安卓手机上视频播放后轮播卡顿...

  • 如何避免卡顿掉帧

    本次初步讨论两个问题: Native 卡顿 网页卡顿 Native卡顿 iOS客户端卡顿已经是老生常谈的问题了,解...

  • ios点击失效

    h5在ios中点击失效 问题1:直接给元素绑定 click 事件失效 解决:可以改成绑定 touchend 事件 ...

  • 应用卡顿问题分析

    1.应用卡顿原理分析 卡顿问题的表现启动卡顿:启动白屏和启动动画卡顿运行卡顿:点击相应慢,列表滑动卡,动画卡顿 原...

  • ios内部滚动不顺畅卡顿

    ios内部滚动不顺畅卡顿解决方案 常见的方案是 -webkit-overflow-scrolling: touch...

  • ios手机滚动时卡顿解决方法

    在ios上打开列表页,滚动的时候会出现卡顿 属性-webkit-overflow-scrolling: auto:...

  • iOS通过runloop监控卡顿

    质量监控-卡顿检测iOS实时卡顿监控基于Runloop简单监测iOS卡顿的demo微信iOS卡顿监控系统iOS-R...

  • ios和android 浏览器适配问题总结

    相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...

网友评论

    本文标题:IOS滚动卡顿及点击失效问题

    本文链接:https://www.haomeiwen.com/subject/oslqdftx.html