因touch-action: none;得mescroll

最近在帮一个朋友做一个贷款类的H5应用,有页面需要上下拉刷新,每个item点击还可以进入详情。由于使用的是SUI Mobile 框架,导致a标签跳转不成功,且谷歌浏览器调试打印如下警告提示:Unable to preventDefault inside passive event listener due to target being treated as passive?。网上给的答案是加上* { touch-action: none; } 。这样做确实可以去掉上面的警告且点击也可以跳转,似乎一切OK。
下班回家后,躺在床上没事,就用手机打开看看,结果发现页面不能滑动了。安卓手机不能滑动,苹果手机没问题,浏览器没问题。
第二天是礼拜,一天没弄,第三天上班了,又看SUI的文档,又百度,又各种尝试,最后到了晚上7点多才找到了问题所在。
之前以为是SUI的上下拉插件的问题和SUI滑动条的问题,后来换了上下拉的插件为MUImescroll(mescroll是目前我发现手机端最好的一个上下拉插件);问题都不见解决。最后想想我那天最后加的那个css属性* { touch-action: none; }。我是全局加的,但是那天只是一个页面有问题,加了之后那个页面点击没问题了,但是全部页面安卓机都不能滑动了。后来去掉了这个css属性之后,一切OK了,而且还知道了一个很不多的上下拉插件mescrollMUI 这个我不想多说什么, 两年前就用这个做过几个app,也一直在关注这个框架,依然是问题一堆,做些小应用还是OK的,大应用或者涉及到硬件方面的,还是不建议使用这个。
因为一个* { touch-action: none; },郁闷一天,那天下午上班期间跑去楼下看了《红海行动》,嘿嘿,不要告诉我老板。
2月份,一整个月没写一篇博客。公司杂七杂八的事情,个人的事情,过年……
昨天公司走了几个同事,老板要把人员缩减到10个人,其他人基本都要走了,我是没打算走。
出来工作几年了,觉得平台确实很重要(我目前在一个小公司),但是个人的学习更加重要。
每天学一点,生活更美好。

猜你喜欢

转载自blog.csdn.net/zhuming3834/article/details/79408086