如何在移动设备上禁用页面滚动，当在特定的Div上启动滑动?

Question

我在移动设备的屏幕底部有一个固定的菜单。当你在触发区域向上滑动时，它打开菜单，反之亦然(当你在菜单上向下滑动时关闭它)

我的问题是，当我向上滑动时，它向下滚动页面，当我向下滑动时，它向上滚动整个页面。

当在某个区域开始滑动时，如何禁用页面滚动?

Answer 1

当你从底部菜单向上滑动时，在body标签中添加class。在这个新类中放入溢出隐藏CSS。我建议如果你添加点击效果而不是向上滑动效果，看起来会更好。这里有一个类似的问题

$('#menu li a').on('click', function(){
$('body').removeClass('overflow-hidden');
$(this).parents('body').addClass('overflow-hidden');
});

.overflow-hidden{
overflow: hidden;
}