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

Question

我使用这段jQuery代码来显示x像素后的滚动div。

jQuery(document).scroll(function () {
    var y = jQuery(this).scrollTop();
    if (y > 1000) {
        jQuery('.vmenu').fadeIn();
    } else {
        jQuery('.vmenu').fadeOut();
    }

});

然而，我需要隐藏.vmenu，如果一个选项卡是活动的页面。如果选项卡处于活动状态，则主题会自动应用x-active类。

<div id="panel-8" class="x-tabs-panel x-active"> ... </div>

所以我尝试了这个jQuery代码，但是它不能工作。

if(jQuery('#panel-8.x-active').length){
   jQuery('.vmenu').hide();
};

Answer 1

试试这段代码。这可能会对你有帮助。

jQuery(document).scroll(function () {
var y = jQuery(this).scrollTop();
if (y > 1000) {
    jQuery('.vmenu').fadeIn();
    if(jQuery('#panel-8').hasClass('.x-active')){
      jQuery('.vmenu').hide();
    };
  } else {
    jQuery('.vmenu').fadeOut();
  }
});

Answer 2

试试看怎么样？

jQuery(document).scroll(function () {
var y = jQuery(this).scrollTop();
if (y > 1000 && !jQuery('#panel-8').hasClass('x-active')) {
    jQuery('.vmenu').fadeIn();
  } else {
    jQuery('.vmenu').fadeOut();
  }
});