2013-04-30 2 views
0

jquery에 애니메이션을 추가하려고합니다.jquery를 사용할 때 애니메이션 추가

현재 고정 머리글 아래에 탐색 모음이 있습니다. 페이지가 스크롤 될 때 탐색 막대와 내용은 탐색 막대가 고정 될 페이지의 상단에 도달 할 때까지 위로 이동합니다. 이 시점에서 네비게이션 항목의 왼쪽에 로고가 나타나고이 항목은 네비게이션의 오른쪽으로 이동합니다.

어떻게하면 갑작스러운 점프가 아니고 느리게 변색 된 애니메이션이 생길 수 있습니까?

미리 감사드립니다.

+1

코드는 어디에 있습니까? 나는 그것을 발견 할 수 없다 ... –

+0

애니메이션을 실행하기를 원하면 CSS로 애니메이션을 가지고 있고 jQuery와 함께 'addClass'를 사용하는 것이 좋다. 'float : right'을 사용한다면'position : absolute'로 바꾸고 싶을 것입니다 – Andrew

+0

인사말, 코드는 무엇입니까? 그리고 fiddle jsfiddle.net에서 간단한 버전의 사이트를 만들 수 있습니까? 코드를 편집하고 해당 코드에 대한 피드백을 제공 할 수 있습니다. 나는 올바른 방향으로 당신을 가리킬 수 있지만 당신이 가지고있는 것에 대한 비주얼을 볼 필요가 있습니다. – Cam

답변

0

애니메이션을 얻으려면 값을 "트위닝 (tween)"할 수 있어야합니다. 즉, 요소에 제공 할 값의 단계를 계산할 수 있어야합니다.

마찬가지로 위치를 쉽게 애니메이션화 할 수 있습니다. 예 : 왼쪽에서 왼쪽으로 10px에서 100px로 애니메이션을 생성합니다. 중간 단계를 계산할 수 있습니다.

float에는 트위닝 할 수있는 값이 없으므로 불가능합니다. 그래서, 나는 절대 위치와 함께 가서 패딩으로 떠날 구멍을 채우라고 말할 것입니다.