css属性:touch-action 滚动和缩放手势

发布时间:2021-05-25浏览次数:1279 次
touch-action是一个较为冷门的css属性,使用到的频率非常低,初次认识touch-action这个属性,是在使用swiper页面滑动时报错,今天又遇到

touch-action是一个较为冷门的css属性,使用到的频率非常低,初次认识touch-action这个属性,是在使用swiper页面滑动时报错,今天又遇到是在当页面中同时出现一个滑动区块和百度地图时,发现有报错信息。所以深入学习一番。

百度地图在移动端引入时的报错信息

先来说说这个报错出现的场景和解决办法,当然,其实这个报错如果不处理,也不会影响页面的正常使用,但是在做web前端切图时,看到这种刺眼的报错信息,对于像我们这样有强迫症的人是不能忍受的。

报错出现的场景是因为页面上除了存在百度地图的引入外,还存在一个子栏目的滑动导航(也就是您在"切图匠"移动端的联系我们页面所看到的样式),

报错信息为:[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

 

扫一扫,在手机上查看