jQuery는 클라이언트를 뷰 포트의 맨 아래로 스크롤하는 기능이 있습니까?
-
20-08-2019 - |
문제
jQuery와 함께 뷰포트의 맨 아래로 두루마리를 애니메이션하고 싶습니다. 과잉이 아닌 플러그인이 있습니까 (즉,이 작은 작업을위한 거대한 기능 세트가 없음).
플러그인을 사용할 수있는 플러그인이나 jQuery로 기본적으로 수행 할 수있는 방법이 있습니까?
해결책
jQuery는 이와 같은 것을 너무 사소하게 만들어 플러그인이 필요하지 않습니다. 예시:
var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);
대신에 html,body
div와 같은 스크롤하는 요소를 넣을 수 있습니다. t
애니메이션이 실행되는 MS의 시간이며 x
PX에서 스크롤 할 위치입니다. 이것은 Scrollleft 와도 작동하지만 Scrollright 또는 Scrollbottom (jQuery의 제한이 아니라 JavaScript)과도 작동하지 않습니다.
다른 팁
요소를 하단으로 스크롤하려면 언제든지 다음 줄을 수행 할 수 있습니다.
$("body").attr({ scrollTop: $("body").attr("scrollHeight") });
을 체크하다 jQuery.scrollto 플러그인, 선택기, DOM 요소 등을 사용하여 결정된 위치 (고정 또는 절대)로 스크롤 할 수 있습니다.
봐 시민...
Darko Z와 CMS의 답변을 자세히 설명하기 위해 여기에 특정 요소로 스크롤을 애니메이션하는 데 사용한 내용이 있습니다.
var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);
제휴하지 않습니다 StackOverflow