首页 > 解决方案 > 如何调节班级

问题描述

我是 JS 新手,我想知道是否有任何可能的方法来调节类

我会把你放在上下文中。我正在尝试禁用我的移动导航栏的滚动条,到目前为止我得到了这个:

<style>
  .no-scroll {
    overflow: hidden;
  }
</style>

<script>
  $('.checkbtn').on('click', function() {
    $('body').toggleClass('no-scroll');
  });
  if (/* I NEED YOUR HELP HERE */) {
    $('.checkbtn').on('click', function() {
      $('body').removeClass('no-scroll');
    });
  }
</script>

到目前为止我过得好吗?无论如何,我的问题是我怎么能告诉 IF 'body' 必须有无滚动类才能工作

编辑:我的汉堡导航栏图标类称为“.checkbtn”

标签: javascripthtmlcss

解决方案


你可以使用 hasClass 方法

例如

if($('body').hasClass('no-scroll'){
  // your code
}

推荐阅读