절대적으로 위치한 컨테이너에서 jQuery를 사용하여 오프셋을 계산하십시오.

Question

내 모든 내용은 절대 컨테이너 인 #content인데, 이는 너비와 높이가 100 %입니다. 그래서 스크롤 할 때, 우리는 몸통이 아닌 컨테이너를 스크롤합니다.

나는 caclulate 애 쓰고과 같이 페이지 내에서 섹션의 일련의 오프셋 (offset) : 컨테이너가 절대적 위치

$('.advance').on("click", function(){ 
    var nextSection = $(this).parent('.section').next('.section'); 

    var nextDistanceTop = nextSection.offset().top - 25; 

    $("#content").animate({ scrollTop: nextDistanceTop }); 
}); 

때문에, 오프셋 (offset) 상단은 상단에서 오프셋 저를주고있다. 뷰포트의 화면/머리글 위쪽 또는 스크롤 위치에 상대적으로 오프셋을 계산해야합니다. 이 작업을 수행하는 다른 해결 방법은 무엇입니까? http://jsfiddle.net/pkxDY/6/

Answer 1

를 사용하여 자신의 jQuery를 scrollTop 방법 : 여기

은 예입니다

$('.advance').on("click", function(){ 
    var nextSection = $(this).parent().next(); 
    var nextDistanceTop = nextSection.offset().top + $("#content").scrollTop(); 
    $("#content").animate({ scrollTop: nextDistanceTop }); 
});