jquery - 删除功能完成后添加的类 jquery

Question

当我单击#slider-text 内的按钮时，该区域将扩展为 100vw、100vh。

我希望区域扩大时背面的“主体”不会滚动，并且当我单击按钮（区域恢复正常）时，这种可能性再次起作用。我怎么能做到这一点？

$('button').click(function(eryh){
$('#slider-text').toggleClass('fullscreen');
$("body").css("overflow", "hidden");
});

标签： jquery

Answer 1

只需为您的 body 标签添加另一个类：

.overflow {
  overflow: hidden;
}

然后切换类：

$('button').click(function(eryh){
  $('#slider-text').toggleClass('fullscreen');
  $("body").toggleClass("overflow");
});