jQuery 가짜 충돌 감지

좋아, 그래서 나는 이상한 상황이있다.jQuery 가짜 충돌 감지

사이트에서 바닥 글이 측면 탐색과 겹치지 않아야한다는 기능을 추가하라는 메시지가 표시되었습니다. 때로는 작은 해상도에서 발생하지만 (미디어 쿼리를 변경할만큼 작지는 않습니다.)

jQuery 요소 충돌 감지를 시도했지만 고정 된 위치 요소에서는 불가능한 것처럼 보입니다. 이제는 문서 높이, 바닥 글 높이 및 탐색 높이를 얻을 수있는 방법이 있다고 생각합니다. .scroll() (또는 (.scrollTo()가 확실하지 않은 경우) 문서의 위치를 감지하고 바닥 글의 상단이 nav의 하단에 도달하면 nav의 위치를 변경합니다.

하지만 지금은 실제로 코딩하는 방법에 붙어 오전 :

그래서 어떻게 JQuery와 높이를 비교하고 나는이에 따라 문서에 어딘지 계산하는 얻을 수있는 D?

아쉽게도 사이트의 레이아웃을 너무 많이 수정할 수는 없습니다.

Here's my fiddle.

그리고 here's the live site (당신이 해상도를 변경하고 아래로 스크롤 경우 중복을 볼 수 있습니다.)

감사합니다.

출처

2012-08-17 Kyle

여기 있습니다. Working script 매우 간단합니다. 그러나이 아이디어는 바닥 글이 절대 위치에 있고 메뉴가 고정 된 경우에만 작동합니다.

출처

2012-08-17 10:28:29

위대한 시작! 나는 바닥 글이 상대적인 위치를 가지고 있다고 생각하지만, 나는 그것을 변경할 수있을 것이다;) – Kyle

전체적인 생각은 바닥 글의 상단과 문서 상단 사이의 여유 공간을 계산하는 것이다. 그리고 여기에서 사용하십시오. maxScrollTop = heightBetweenFooterAndTop - navHeight; –

실제로 나는'position : relative; '와 함께 작동 할 것이라고 생각합니다. 매우 감사합니다! – Kyle

어쩌면이 같은 someting 시작 지점 수 있습니다 : http://ryanfait.com/sticky-footer/ 그것은 단지 HTML과 CSS예요.

출처

2012-08-17 10:15:34 Johni

그래, 좋은 해결책이지만 불행히도 사이트의 레이아웃을 너무 많이 편집 할 수는 없습니다. : – Kyle

jQuery 가짜 충돌 감지

답변

관련 문제