防止垂直触摸事件，但通过按钮保留水平触摸和滚动机会。

Question

我有一个带有iPad小部件的jQuery应用程序。小部件可以水平和垂直滚动。我需要防止垂直滚动通过触摸事件，但留下机会滚动通过按钮(如滑块)。

只需要移除用户的垂直触觉，但要保持水平触摸。想法？

Answer 1

mainContainer.on('touchmove', function(e) {

    var xStart, yStart = 0;

    xStart = e.touches[0].screenX;
    yStart = e.touches[0].screenY;

    var xMovement = Math.abs(e.touches[0].screenX - xStart);
    var yMovement = Math.abs(e.touches[0].screenY - yStart);
    if (friendsList.has($(e.target)).length
        || msgContainer.has($(e.target)).length) {

        if ((yMovement * 3) > xMovement) {
            e.preventDefault();
        }

    }

});

这段代码在“touchmove”事件中通过用户触摸来阻止垂直滚动，但允许滚动。