2013-11-21 3 views
0

배경 애니메이션을 만드는 중이고 어떤 이유로 사이트 콘텐츠에 링크 앵커가있을 때 문제가 있습니다. 애니메이션은 여전히 ​​작동하지만 사이트 헤더 섹션을 자르고 사이트 상단으로 다시 스크롤 할 수는 없습니다.jquery 배경 애니메이션 #anchor와 충돌

확실하지 나는 이것을 제대로 설명하지만 여기서 일을 훨씬 쉽게 볼 :

Example of the animation working ok on the index page

Example of the animation causing the header to be cut off

가 어떻게이 문제를 해결할 수 있습니까? (나는 전혀 모른다.)

EDIT. 위치 고정을 추가하여 고정. 모두들.

+0

문제는'# animation-container'에'overflow-hidden'이 있습니다. 애니메이션 컨테이너 외부에서'# wrap '을 어쨌든 이동시켜야합니다. – Turnip

답변

0

좋아요. 애니메이션 컨테이너 ID를 가진 div에 적용된 container-fluid 클래스 때문입니다.

문 다음 교체하십시오

<div id="animation-container" class="container-fluid">

<div id="animation-container" class="">

하여 viewtopic.php 페이지에서.

+0

Thx에 대한 도움이 필요합니다. 컨테이너 유체를 삭제하면 컨테이너 상자의 모든 길이에 대해 애니메이션이 작동하지 않지만 바닥 글보다 중간에 잘릴 것입니다. 다른 제안 사항이 있습니까? 박스가있는 공간이 있고 애니메이션이 바깥에 있기 때문에 더 까다 롭습니다. – user2513846

+0

방금이 URL을 시도해보고 머리글을 잘랐다 고 말해 주시겠습니까? http://www.sitesplat.com/testing/viewtopic.php?f=2&p=3 –

+0

그 중 하나가 아닙니다. 실제 우편 번호를 클릭 할 때만. 예를 들면 다음과 같습니다. http://www.sitesplat.com/testing/viewtopic.php?p=1#p1 – user2513846

관련 문제