0
다음과 같이 navbar 코드를 작성했습니다.navbar를 고정하는 방법
<div class="header-bottom ">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo grid">
<div class="grid__item color-3">
<h1><a class="link link--nukun" href="index.html"><i></i><span>PRISM</span></a></h1>
</div>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="menu menu--horatio">
<ul class="nav navbar-nav menu__list">
<li class="menu__item menu__item--current"><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="about.html" class="menu__link">About</a></li>
<li class="menu__item"><a href="codes.html" class="menu__link">Short Codes</a></li>
<li class="menu__item"><a href="gallery.html" class="menu__link">Gallery</a></li>
<li class="menu__item"><a href="contact.html" class="menu__link">Contact</a></li>
</ul>
</nav>
</div>
</nav>
</div>
</div>
코드의 출력은 내가 그렇게 도와주세요 고정으로 전용 네비게이션 바에을 만들고 싶어 This is output for above code
입니다.
고맙습니다 그러나 navbar가 출력하기 전에 출력 이미지를 볼 수 있다면 헤더를 사용한 후 헤더 navbar가 설정됩니다. 스크롤 된 헤더가 보이지 않아야하고 탐색 바가 고정되어야합니다. –
오! 죄송 해요. 그래서 부트 스트랩 부착을 사용해야합니다. . $ ('#의 탐색') 부착 ({ 오프셋 : { 최고 : $ ('헤더') 높이() } .}) #nav 당신이 때 고정 얻을하려는 탐색을해야 스크롤, .heading은 사라질 첫 번째 탐색입니다. – JVilla