부트 스트랩 navbar가 고정 너비없이 끈적 거리지 않음

Question

일부 콘텐츠 중간에 twitter-bootstrap navbar가 있습니다. 나는 끈적 거리게하고 싶습니다.

나는 sticky jquery plugin, github page을 사용 중입니다.

그것은 GitHub의 페이지 자체에서 말하기를 : 어떤 경우에는

이 내가 실험 한

을 "잘 접착"때 당신이 당신의 요소에 고정 폭을 설정해야 할 수도 있습니다 이 및 :

• Here is a non working example without a fixed width.
• Here is a working example with a fixed width.

유일한 차이점는 여기있다 :

width:20px; 

문제는 내가 그것을 스크롤 할 때 단지 작은 폭으로 이동 제자리에 유지 나의 네비게이션 바 작동 할 수 없다는 것입니다.

예 : here을 참조하십시오.

아니요. 이제 navbar가보고있는 방식에 만족하고 있기 때문에 문제를 해결하는 방법에 대해 의견이 분분합니다. 고정 너비를 추가하면 트위터 - 부트 스트랩 기능이 중단됩니다.

고정 된 너비를 추가 할 때도 끈적 거리지 않습니다.

Here is the example 내가 추가 한 경우 :

는

#stickynavbar{ 
    width:200px; 
} 

그래서 내가 가지고있는 질문 중 하나입니다 : 그것은 초기 프로젝트 수명 때문에이 특정 문제 나

를 해결하는 방법

• 어쩌면 다른 플러그인이나 상자 밖의 해결책이 나에게 도움이 될 것입니다.

올바른 방향의 포인터가 무엇이든,이 특정 문제를 해결하거나 완전히 다른 접근법을 사용하여 피하는 것이 좋습니다.

Answer 1

코드 수정을 피하려면 hcSticky jQuery 플러그인을 사용하는 것이 좋습니다.

구현은 간단합니다 : $('selector').hcSticky();

이 플러그인을 구현 한 후, 코드를 THIS FIDDLE 것 같습니다.

Answer 2

width: 100%#stickynavbar?