我正在做一个移动菜单与汉堡btn触发全宽度覆盖。
这是可行的,但在覆盖后滚动内容时出现问题。我用了这行代码

if($('.nav-container').is(':visible')) {
  $('body').addClass("fixedPosition");
} else {
  $('body').removeClass("fixedPosition");
}

使用这行CSS,这样覆盖后面的滚动将被清除。
.fixedPosition {
  overflow: hidden;
}

问题在于-当关闭覆盖时,这个类.fixedPosition
没有按原样移除。
有人能解决这个问题吗?
看我的小提琴:https://jsfiddle.net/bdL76s59/1/

最佳答案

这似乎对我有用

    if($('.nav-container').is(':visible'))
     {
        $('body').toggleClass("fixedPosition");
     }

});

https://jsfiddle.net/bdL76s59/2/
编辑:
在代码运行正常后添加$('body').toggleClass("fixedPosition");

09-27 16:32