el.scrollTo()在滚动动画期间不起作用

时间:2019-07-03 13:07:59

标签: javascript html ios

移动设备上出现问题。我有两个都有N个元素的垂直滑块。当我单击第一个滑块的第n个元素时,第二个元素将第N个元素滚动到屏幕的左侧(使用element.scrollTo(x, 0) by x pixels)移动元素。除iOS上的移动版本外,其他所有功能都可以正常工作。Safari和Chrome for iOS滑动滑块后制作内置动画。

当我滑动下部滑块并单击上部滑块的第n个元素时,滑动动画仍然继续,它尝试将下部滑块(使用el.scrollTo())滚动到第n个元素,但是由于内置的​​滑动动画而不能。

我尝试监听触摸事件,将有关滑动的信息发送到我的父组件,并禁用上滑块的单击,但是它仅检查手指是否在滑动-而不是动画是否继续。

slider.addEventListener('touchmove', () => {
  this.$emit('swipe');
});
slider.addEventListener('touchend', () => {
  this.$emit('swipeEnd');
});

即使滑动动画仍在移动,我是否有任何办法可以迫使下部滑块滚动? 如果没有-是否有任何事件可以监听,而不是swipeEnd来获取滑动动画结束的信息?

0 个答案:

没有答案