javascript - 변경 - jQuery에는 뷰포트의 맨 아래로 클라이언트를 스크롤하는 함수가 있습니까?



jquery meta 변경 (3)

Darko Z와 CMS의 답변을 자세히 설명하기 위해 스크롤을 특정 요소로 애니메이션하는 데 사용한 내용은 다음과 같습니다.

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);

https://ffff65535.com

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 대신 html,body 와 같이 div처럼 스크롤하는 요소를 넣을 수 있습니다. t 는 애니메이션이 실행되는 시간 (ms)이고 x 는 px로 스크롤 할 위치입니다. 이 기능은 scrollLeft에서도 사용할 수 있지만 scrollRight 또는 scrollBottom에서는 사용할 수 없습니다 (jQuery가 아니라 JavaScript).


jQuery.ScrollTo 플러그인을 확인하고, 선택기, DOM 요소 등을 사용하여 결정된 위치 (고정 또는 절대)로 스크롤 할 수 있습니다.

demos 보세요 ...





viewport