在Div上关闭触摸滑动

Turn off Touchswipe on Div

本文关键字:触摸 Div      更新时间:2023-09-26

构建一个站点,每次滑动都会使站点在全屏大小的div之间转换。实际的框架是为了让每个全尺寸的div占据整个视口而没有溢出。这就是框架的本质。但是,我有一个内部div,它有可以滚动的溢出内容。然而,当网站检测到向上或向下滑动时,它会转换到下一个屏幕,而不是让你在溢出分区上滚动。

有没有办法关闭某个div上的触摸滑动并允许正常滚动操作?

如果需要,可以提供代码示例

假设您使用的是Ramp Interactive的TouchSwipe,看起来您只需在滚动的div中添加一个事件处理程序即可停止swipe事件的传播:

$(function() {      
    $("#yourdiv").swipe( {
        swipeStatus:function(event, phase, direction, distance, fingerCount) {
            return false;
        }
    });
});

编辑:

实际上,您可以将.noswipe类添加到div中。