如何在切换类上隐藏滚动条

Question

HTML标记结构

<div class="box" style="background:pink">
 <span class="inner-text">pink</span>

CSS with toggle class

.test {
  overflow:hidden;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  margin:0;
  padding:0;
  width: 100vw !important;
  height: 100%;
}

jQuery切换工作我想隐藏滚动y

$('.box').click(function() {
  $(this).toggleClass('test');
});

Answer 1

你正在使用Jquery，你需要在head标签内添加到Jquery的链接

其他一切正常

...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>

您可以使用普通Javascript进行点击事件，如下所述：

HERE

Answer 2

尝试添加overflow-y的css规则：在类切换后隐藏

$(this).toggleClass('test').css("overflow-y","hidden");