拖动出现这种警告问题。

Question

移动端，想做一个拖动的而效果，出现这种警告是什么问题造成的呢？
Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Answer 1

当初用一个插件时遇到过这个问题，查了一圈都没有找到解决办法，后面一点点的试。最终解决了。

将touchstart和touchmove事件绑定到父元素上就可以了。

想看当初我出现的问题参考这里 https://github.com/xfhxbb/LCa...

在魅族6pro里Webview下,滑动时
报错：

Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

原因:
猜测应给是：绑定的元素的高度高于父级，虽然父元素有 overflow: hidden 但还是无法阻止 scrolling, 所以出现这样的错误提示。

解决办法：
应该将点击和滑动事件，绑定到该元素的父级上。

Answer 2

外层添加 touch-action: none; 即可

Answer 3

touchend的时候 不要return false; 就可以了

Answer 4

我遇到的问题是在使用betterScroll 插件后，出现的问题，滚动需要3个标签层级，div.parent > ul.content > li
因为需要水平滚动，自己理所当然的在div.parent使用了overflow-x:scroll ，overflow-y: hidden. 导致报错的，这里需要做的只要把这两个CSS样式去掉就行了，插件自己会处理滚动样式的，自己不需要使用overflow。和这位 ‘chenyk2016’ 猜测一样

Answer 5

我也遇到了这种问题，不知道你的问题解决了没有？

Answer 6

这个warning是不是在浏览器调试出现的，在设备上点击下试试。