Jquery 我想在滚动条上的li变为活动状态时隐藏一个元素
我想隐藏一个特定的元素时,接触部分成为活动的滚动,否则他们应该是可见的。 我如何使用Jquery实现它Jquery 我想在滚动条上的li变为活动状态时隐藏一个元素,jquery,html,css,twitter-bootstrap,show-hide,Jquery,Html,Css,Twitter Bootstrap,Show Hide,我想隐藏一个特定的元素时,接触部分成为活动的滚动,否则他们应该是可见的。 我如何使用Jquery实现它 <ul class="nav navbar-nav navbar-right navmenu"> <li data-menuanchor="home" class="active"> <a href="#home"><span>HOME</span></a> </li&g
<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>
-
-
-
-
-
考虑在联系人部分激活时隐藏项目部分。将类“proj”添加到项目的
$(函数(){
})) 考虑在联系人部分激活时隐藏项目部分。将类“proj”添加到项目的
$(函数(){
})) 您也可以尝试以下方法: 更新: 您可以通过处理滚动事件来实现这一点。大概是这样的:
您也可以尝试以下方法: 更新: 您可以通过处理滚动事件来实现这一点。大概是这样的:
您不想隐藏的元素是什么?地址我只想在联系人部分隐藏此元素。您不想隐藏的元素是什么?地址我只想在联系人部分隐藏此元素。当li变为活动状态时,是否可以执行操作?代码是什么?如果你检查小提琴,我添加了使
li
在滚动中处于活动状态的代码,以便于理解。我没有得到不起作用的东西。是的,但是你做了一个固定的高度,比如100,之后只有李开始活跃起来。我希望在滚动到达接触部分时隐藏元素100只是为了理解和激活滚动上的li
是一个不同的问题,与这些逻辑无关。这就是您要寻找的:当li激活时是否可以执行操作?代码是什么?如果你检查小提琴,我添加了使li
在滚动中处于活动状态的代码,以便于理解。我没有得到不起作用的东西。是的,但是你做了一个固定的高度,比如100,之后只有李开始活跃起来。我希望在滚动到达接触部分时隐藏元素100只是为了理解和激活滚动上的li
是一个不同的问题,与这些逻辑无关。这是您正在寻找的:
$(".cont").click(function() {
$(".proj").css("display","none");
});
$(".navmenu li").click(function(){
if($(".cont").is(":focus"){
$(".particular element").hide();
}
else{
$(".particular element").show();
}
});
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();
}
})
jQuery(window).scroll(function(){
if (jQuery(".cont").hasClass('active')){
jQuery("#element").hide();
}else{
jQuery("#element").show();
}
})