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

Question

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

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

当在某个区域启动滑动时，如何禁用页面滚动？

Answer 1

当您从底部菜单向上滑动时，在 body 标签中添加类。 在那个新类中放置溢出隐藏的 CSS。 我建议如果你添加点击效果而不是向上滑动它看起来不错。 或者这是一个类似的问题。

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

 .overflow-hidden{ overflow: hidden; }