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

【问题标题】：I want to hide an element when a li becomes active on scroll当 li 在滚动时变为活动状态时，我想隐藏一个元素
【发布时间】：2017-03-03 10:10:04
【问题描述】：

当联系人部分在 SCROLL 上变为活动状态时，我想隐藏特定元素，否则它们应该可见。我如何使用 Jquery 来做到这一点。

<ul class="nav navbar-nav navbar-right navmenu">       
    <li data-menuanchor="home" class="active">
        <a href="#home"><span>HOME</span></a>
    </li>
    <li data-menuanchor="page">
        <a href="#page"><span>ABOUT US</span></a>
    </li>
    <li data-menuanchor="gallery">
        <a href="#gallery"><span>PROJECTS</span></a>
    </li>
    <li data-menuanchor="aboutus">
        <a href="#aboutus"><span>VIDEO</span></a>
    </li>
    <li data-menuanchor="contact" class="cont">
        <a href="#contact"><span>CONTACT</span></a>
    </li>
</ul>

【问题讨论】：

你不想隐藏什么元素？
地址
我只想在联系人部分隐藏这个。

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

【解决方案1】：

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

$(函数() {

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

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

});

});

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

你也可以试试这样的：

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

【讨论】：

li 激活时是否可以进行操作？那是什么代码？
如果您检查小提琴，我添加了代码以使 li 在滚动时处于活动状态以便理解。我没有得到什么不起作用。
是的，但是你设置了一个固定的高度，比如 100，之后只有 li 变得活跃。我希望在滚动到达联系人部分时隐藏元素
100 只是为了理解和使li 在滚动时处于活动状态是一个不同的问题，与这些逻辑无关。
这就是你要找的东西：https://jsfiddle.net/cse_tushar/Dxtyu/141/

地址