jquery - 如果选项卡处于活动状态，jQuery 隐藏滚动 div

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();
};

标签： jqueryhtml

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();
  }
});