요소를 페이지의 특정 scrollY 값에 고정 시키십시오.

Question

페이지의 요소를 지정된 scrollY 값으로 고정 시키길 원합니다. 코드

<div class="navbar"> 
<div class="navbar-inner"> 
<a class="brand" href="#">Goto</a> 
<ul class="nav"> 
<li class="active"><a href="#">Home</a></li> 
<li><a href="#andriodlabel">Andriod Apps</a></li> 
<li><a href="#movielabel">Movies</a></li> 
<li><a href="#musiclabel">Music</a></li> 
<li><a href="#pclabel">Pc softwares</a></li> 
<li><a href="#morecontents">More</a></li> 
</ul> 
</div> 
</div> 

는 IT가 scrollY 값 (200)에 도달 할 때 고정 될 수 있도록

.navbar { 
    margin-bottom: 20px; 
    overflow: visible; 
} 

내가 jQuery를 필요로하시기 바랍니다 CSS를 ...

Answer 1

이

$(document).ready(function() { 
    $(window).scroll(function() { 

    console.log($(window).scrollTop()); 

    if ($(window).scrollTop() > 200) { 
     $('.navbar').addClass('navbar-fixed-top'); 
    } 

    if ($(window).scrollTop() < 200) { 
     $('.navbar').removeClass('navbar-fixed-top'); 
    } 
    }); 
}); 

시도