아래로 스크롤 jquery div - 머리글을 무한대로 밀어 넣지 못하게하는 방법은 무엇입니까?

Question

나는 오른쪽에 "사이드 바"div를 포함하는 콘텐츠 div를 가지고 있는데, 방문자가 콘텐츠를 아래로 스크롤 할 때 슬라이드가 내려와야합니다. 이것은 아래의 바닥 글을 무한히 밀어내는 것을 제외하고는 모두 잘 작동하므로 방문자는 전체 바닥 글을 결코 볼 수 없습니다.

(짙은 회색) 콘텐츠 div가 끝나는 곳에서 스크롤 div 중지를 만들려면 어떻게해야합니까? http://jsfiddle.net/vTcqv/4/

그리고 전체 미리보기 : http://jsfiddle.net/vTcqv/4/embedded/result/

가 어떤 조언 :

Answer 1

당신이있는 거 문서의 높이가 바닥 글을 포함하고 이해하면 제대로 주셔서 대단히 감사합니다 여기에

는 jsfiddle입니다 , 우리는 바닥 글에서 멈추고 싶다. 따라서 문서 높이를 다음과 같이 설정하는 대신

documentHeight = $(document).height(); 

변경하여 바닥 글의 크기도 제거하십시오.

documentHeight = $(document).height() - $('#footer').height(); 

콘텐츠 div와 동일하지 않은 경우 약간의 문제가 있지만 쉽게 고칠 수 있다고 확신합니다.

http://jsfiddle.net/vTcqv/6/

Answer 2

간단한 : 부모 요소 대신 전체 문서의 #maincontainer의 사업부로 사이드를 제한합니다.

containerHeight = $("#maincontainer").height(); 

와

documentHeight = $(document).height(); 

가 직접보기 바꾸기 : http://jsfiddle.net/vTcqv/11/embedded/result/