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

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

2 个答案: