jQuery如果选项卡处于活动状态，则隐藏滚动条

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<ul class="tabs">
  <li class="active">Tab 1</li>
  <li>Tab 2</li>
  <li>Tab 3</li>
</ul>

<div class="tab-content">
  <div class="tab-pane active">Content 1</div>
  <div class="tab-pane">Content 2</div>
  <div class="tab-pane">Content 3</div>
</div>

$(document).ready(function() {
  // 当选项卡被点击时
  $('.tabs li').click(function() {
    // 移除所有选项卡的活动状态
    $('.tabs li').removeClass('active');
    // 添加当前选项卡的活动状态
    $(this).addClass('active');
    
    // 隐藏所有选项卡内容
    $('.tab-pane').hide();
    // 显示当前选项卡对应的内容
    $($(this).index()).show();
    
    // 判断当前选项卡是否处于活动状态
    if ($(this).hasClass('active')) {
      // 隐藏滚动条
      $('body').css('overflow', 'hidden');
    } else {
      // 显示滚动条
      $('body').css('overflow', 'auto');
    }
  });
});