我正在做一个移动菜单与汉堡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");
。