jquery - removeClass 不起作用 - 类未删除

Question

我正在制作一个带有触发全宽覆盖的 burger-btn 的移动菜单。

这行得通，但滚动叠加层后面的内容时出现问题。我用了这行代码

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

使用这行 CSS，覆盖层后面的滚动将被清除。

.fixedPosition {
  overflow: hidden;
}

问题是这样的——当关闭叠加层时，这个类 .fixedPosition 未按应有的方式删除。

有人解决这个问题吗？

查看我的 fiddle :https://jsfiddle.net/bdL76s59/1/

Answer 1

这似乎在我的 fiddle 中起作用

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

});

https://jsfiddle.net/bdL76s59/2/

编辑:

在您的代码运行正常后添加 $('body').toggleClass("fixedPosition");。