JQuery와 애니메이션 웹 사이트 높이

Question

좋은 아침,

내가 동적 콘텐츠를 많이하고 일부 페이지가 화면보다 작은 일부는 화면보다 큰 (그래서대로 스크롤을 표시하는 오버 플로우를 사용하는 웹 사이트를 만드는 오전 막대를 사용하면 콘텐츠로 스크롤 할 수 있습니다.)

콘텐츠가 화면보다 크고 사용자가 콘텐츠를보기 위해 '스크롤 다운'한 경우 화면을 애니메이션으로 표시 할 수 있는지 확인하고자합니다 콘텐츠가 변경되어 화면보다 작아지는 시점까지 ...

지금은 내용이 가장 낮은 지점으로 점프합니다. t 때 콘텐츠가 줄어 듭니다.이 시점에서 부드러운 애니메이션 싶습니다.

예 :이를 위해

,의 화면 높이가 768px입니다 가정 해 봅시다.

콘텐츠 길이가 약 1400px이고 사용자가 콘텐츠의 하단을보기 위해 페이지를 아래로 스크롤했습니다. 사용자는 콘텐츠를 300px 만 만드는 스크롤 막대를 필요로하지 않는 링크를 클릭합니다. 화면은 이제 웹 사이트의 최상위/최하위 위치로 'JUMP'돌아갑니다 ....

'JUMP'를 제거하고 부드러운 위로 스크롤 애니메이션으로 바꾸고 싶습니다.

이 문제가 설명되기를 바랍니다. 답장을 기다리십시오.

Answer 1

쉽게 jQuery를 scrollTop으로 작업을 수행 할 수 있습니다 내용이 동적

$('html, body').animate({ 
    scrollTop: $("#elementToScrollTo").offset().top 
}, 500);