2011-12-11 2 views
0

작품,하지만 당신은 여기에 코드를 볼 수 있습니다JQuery와 스티커 탐색 만 나는 내 문제를 설명하기 위해 최선을 다하겠습니다 처음

http://jsfiddle.net/xPxhf/3/

내가 탐색이, 하단 부분 의미있는을 사용자가 페이지의 특정 지점을지나 스크롤하면 사용자의 창 상단에 떨어져 붙어 있습니다. 이 작동 방식은 상단에서 14px을 끊은 다음 위로 이동합니다 : 0px.

그런 다음 사용자가 위로 스크롤하면 원래 위치로 애니메이션이 돌아갑니다 (상단 : 78px). 당신이 jsfiddle에서 나의 예를 본다면, 이것은 처음이며, 예상대로 작동하는 것 같다. 그러나 다시 스크롤하면 모든 일이 완전히 엉망이됩니다.

누구나이 기능을 올바르게 수행 할 수있는 코드 제안 사항이 있습니까? 몇 시간 씩 다른 수정을 시도했지만 아무 것도 효과가 없습니다.

답변

0

Nav를 배치 할 때 상대 값을 사용한다는 것이 문제입니다. 지연과 애니메이션을 제거하고 절대 값을 사용하면 효과적입니다.

다음

업데이트 된 바이올린의이 같은 http://jsfiddle.net/xPxhf/6/

+0

감사합니다. 예, 이전에 그렇게했습니다. 불행히도, 그건 내 질문에 대답하지 않습니다. 애니메이션은 필수적인 부분입니다. – watermelonkid

+0

다음과 같이 하시겠습니까? http://jsfiddle.net/xPxhf/7/? 그렇다면 고정 된 위치와 절대 위치 사이를 전환 할 때 상단 값을 조정하는 것 외에도 상대 값에서 멀리 이동하는 방법이 있습니다. –

관련 문제