javascript - 防止全屏菜单滚动

Question

我有一个全屏菜单，一旦激活页面仍然滚动，有没有办法阻止它？

我读了另一篇文章说

    body,html {
    overflow: hidden;
    max-height: 100%;
}

但这也会阻止页面滚动。

Answer 1

您可能想考虑一些 JS/Jquery 在菜单切换打开和关闭时启用/禁用固定类？

例如

if($('#menu').hasClass('open'))
 {
    $('body').addClass("fixedPosition");
 }
 else
 {
    $('body').removeClass("fixedPosition");
 }