霍者博客

iPhone Safari IOS系统手机网页中:hover失效的解决方法

今天有客户反馈一个问题,手机端菜单在苹果手机上下拉失效,安卓机子上正常,看了一下,使用的是:hover的方法,没有使用任何JS。

因为我自己没有苹果机子可测试,所以以前就没发现这个问题,最终百度中找到iphone无法兼容:hover的原因!

解决方法是在body标签上加上ontouchstart事件,比如

<body ontouchstart="">

或者用js

<script>
document.body.addEventListener('touchstart',function(){},false);
</script>


原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/738.html,标题:iPhone Safari IOS系统手机网页中:hover失效的解决方法

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。