부트 스트랩 메뉴 마지막 항목 항상 활성

메뉴 단추가 활성 상태 인 문제가 있습니다. 활성 마지막 메뉴 항목이 항상 있습니다.부트 스트랩 메뉴 마지막 항목 항상 활성

아무 것도 바뀌지 않습니다.

메뉴 버튼을 누르면 잠시 동안 활성화되고 갑자기 마지막 항목이 다시 활성화됩니다.

내 코드 :

if ($(window).width() > 1200) { 
 
\t $(window).scroll(function() { 
 
\t \t if ($(".navbar").offset().top > 300) { 
 
\t \t \t $(".navbar-fixed-top").addClass("top-nav-collapse"); 
 
\t \t } else { 
 
\t \t \t $(".navbar-fixed-top").removeClass("top-nav-collapse"); 
 
\t \t } 
 
\t }); 
 
} 
 
$(function() { 
 
    $('a[href*="#"]:not([href="#"])').click(function() { 
 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
 
     var target = $(this.hash); 
 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
 
     if (target.length) { 
 
     $('html, body').animate({ 
 
      scrollTop: target.offset().top 
 
     }, 1000); 
 
     return false; 
 
     } 
 
    } 
 
    }); 
 
});

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="60"> 
 
    <nav class="navbar navbar-fixed-top"> 
 
    <div class="container"> 
 
     <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
       <span class="sr-only">Toggle navigation</span> 
 
       <span class="icon-bar top-bar"></span> 
 
       <span class="icon-bar middle-bar"></span> 
 
       <span class="icon-bar bottom-bar"></span> 
 
      </button> 
 
      <a class="navbar-brand" href="index.html"><img src="images/rect-logo-white.png" /></a> 
 
     </div> 
 
     <div class="collapse navbar-collapse navbar-ex1-collapse"> 
 
      <ul class="nav navbar-nav"> 
 
      \t <li class="active"> 
 
       \t \t <a href="#page-top" class="hvr-underline-from-center">top</a> 
 
       </li> 
 
       <li> 
 
       \t \t <a href="#about-us-section" class="hvr-underline-from-center">1</a> 
 
       </li> 
 
       <li> 
 
        <a href="#offer-section" class="hvr-underline-from-center">2</a> 
 
       </li> 
 
       <li> 
 
        <a href="#portfolio-section" class="hvr-underline-from-center">3</a> 
 
       </li> 
 
       <li> 
 
        <a href="#contact-section" class="hvr-underline-from-center">4</a> 
 
       </li> 
 
       <li> 
 
        <a href="#" class="hvr-outline-out"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
 
       </li> 
 
      </ul> 
 
     </div> 
 
    </div> 
 
</nav> 
 

 
<section id="top-section"> 
 
<div class="row"><div class="col-md-12">asads</div></div> 
 
</section> 
 

 
<section id="about-us-section"> 
 
\t <div class="row"><div class="col-md-12">asads</div></div> 
 
</section> 
 

 
<section id="offer-section"> 
 
<div class="row"><div class="col-md-12">asads</div></div> 
 
</section> 
 

 
<section id="portfolio-section"> 
 
<div class="row"><div class="col-md-12">asads</div></div> 
 
</section> 
 

 
<section id="contact-section"> 
 
<div class="row"><div class="col-md-12">asads</div></div> 
 
</section>

출처

2016-08-25 Michał Sędkowski

시도가 height: 100%body에

body { 
    height: 100%; 
}

출처

2016-08-26 09:14:56 kuchar

가 대단히 감사합니다 추가! :) –

부트 스트랩 메뉴 마지막 항목 항상 활성

답변

관련 문제