이 UI 동작은 무엇이며 어떻게 이루어 집니까?

이것은 정말 어리석은 질문이지만 http://thenounproject.com/terms-of-use/에 오른편의 정보가 스크롤 된 다음 정적으로 고정되어있는 경우 효과가 무엇이라고 불릴까요?이 UI 동작은 무엇이며 어떻게 이루어 집니까?

또한이 효과를 얻는 방법에 대한 킬러 jQuery 자습서가 있습니까?

그들이 그 구체적인 예에서 그것을하고있는 방법에 너무 깊이 보지 않고 들으

2012-07-18 timpone

이동식 탐색 바입니다. 이 스레드를 확인하십시오 http://stackoverflow.com/questions/9346557/floating-nav-bar-that-stops-fixed-to-the-top-of-the-page – Bort

가능한 복제본 [ "Sticky"Scroll Positions] (http://stackoverflow.com/questions/11547346/sticky-scroll-positions) –

, 나는 효과가 요소의 offset와 윈도우의 scrollTop보고에 의해 달성 될 수 있음을 알 수 있습니다.

scrollTop이 오프셋의 위쪽보다 큰 경우 페이지가 요소를지나 스크롤 된 것입니다. jQuery에서이를 확인한 다음 요소의 CSS를 수정하여 창의 맨 위에 상대적으로 고정 된 위치를 지정할 수 있습니다.

편집 : 함께 던져 quick and dirty example on jsfiddle. 코드를 복사해도되지만 조금 청소해야 할 수도 있습니다.

2012-07-18 19:04:40 Travis

답변