移动设备上出现问题。我有两个都有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
来获取滑动动画结束的信息?