我想建立一个古典画廊,用手指可以向左或向右移动照片以查看下一张或上一张照片。 我使用jQuery绑定事件touchstart,touchmove,touchend,使用属性event.pageX计算照片的位置。 问题是当移动手指页面开始滚动时。 Immediatly touchmove的听众停止被调用。 为了解决我在touchmove监听器中放入的问题,调用event.preventDefault()并定期调用监听器并停止滚动页面。 我希望手指可以移动照片,同时可以滚动页面。 我在苹果网站上看到这种情况经常发生(参见本页http://www.apple.com/osx/) 甚至这个脚本都做同样的http://iosscripts.com/iosslider-jquery-horizontal-slider-for-iphone-ipad-safari/
我想知道场景背后的概念。我无法理解我要做些什么来解决这个问题。 我甚至尝试使用preventDefault并通过pageY手动设置$(窗口).scrollTop,但效果非常难看。