当li在滚动时变为活动状态时,我想隐藏一个元素

时间:2016-10-21 07:33:39

标签: jquery html css twitter-bootstrap show-hide

我希望在SCROLL上的联系人部分变为活动状态时隐藏特定元素,否则它们应该是可见的。 我怎么能用Jquery来做呢。

byte-compile

3 个答案:

答案 0 :(得分:0)

当联系人部分变为活动状态时,请考虑隐藏项目部分。将一个“proj”类添加到项目的<li>

$(function(){

$(".cont").click(function() {

  $(".proj").css("display","none");

});

});

答案 1 :(得分:0)

$(".navmenu li").click(function(){
    if($(".cont").is(":focus"){
      $(".particular element").hide();
    }
    else{
      $(".particular element").show();
    }
});

答案 2 :(得分:0)

您也可以尝试这样的事情:

https://jsfiddle.net/tejashsoni111/8jdoLjnq/

jQuery(".nav li a").click(function(){
    jQuery(".nav li").removeClass('active');
    var parentLi = jQuery(this).parent('li');
    parentLi.addClass('active');
    if(parentLi.data('menuanchor') == 'contact'){
        jQuery("#element").hide();
    }else{
        jQuery("#element").show();
    }
})

更新 您可以通过处理滚动事件来实现这一点。像这样的东西: https://jsfiddle.net/tejashsoni111/8jdoLjnq/1/

jQuery(window).scroll(function(){

    if (jQuery(".cont").hasClass('active')){
        jQuery("#element").hide();
    }else{
        jQuery("#element").show();
    }
})