美文网首页前端知识
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滚动卡顿及点击失效问题

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