2017-01-16 7 views
1

내가 여기에 this example.이 속성은 항상 (항상 활성 클래스)

처럼, 부트 스트랩의 부착 네비게이션 바에을 구현하기 위해 노력하고 내가 가진 무엇 a pen입니다. '접미사'클래스는 항상 navbar 요소에서 활성화 된 것으로 보입니다. 즉, 할 때

.affix { 
    top: 0; 
} 

navbar는 자동으로 페이지로드시 상단으로 이동합니다. 원하는 경우 해당 이름과 제목 아래에 있습니다. 이것이 일어날 수있는 이유에 대한 아이디어가 있습니까?

EDIT : 예제 링크가 수정되었습니다.

답변

1

이와 비슷한 기능이 있습니까?

https://codepen.io/anon/pen/mRrBNK

난 그냥 제목과 하위 텍스트를 이동하고 스크롤에 제거 할 제목을 원한다면

<nav class="navbar navbar-default navbar-custom" data-spy="affix" data-offset top="197">  
<div class="navbrand"> 
    <h1> John Smith</h1></div> 
    <h4> Developer and Engineer </h4> 
+0

내에서 클래스를 추가 한, 나는 JQuery와하는 것이 좋습니다. – ReConnected

+0

이 예제에서 나는 행동 행을 따라 더 많은 것을 의미했습니다. http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_affix&stacked=h 탐색 막대가 콘텐츠 아래에 앉아있는 것을 확인하고 막대기를 붙입니다 페이지를 스크롤 할 때 페이지 맨 위로 이동합니다. 기본적으로 나는 네비게이터가 이름과 제목 아래에 앉기를 원한다. –