[JQUERY] 페이지의 jQuery를 스크롤 바닥
JQUERY페이지의 jQuery를 스크롤 바닥
해결법
-
1.당신은 단지 scrollTop 속성을 애니메이션으로 페이지를 아래로 스크롤 애니메이션 할 수 있습니다, 어떤 플러그인은 다음과 같이 필요하지 :
당신은 단지 scrollTop 속성을 애니메이션으로 페이지를 아래로 스크롤 애니메이션 할 수 있습니다, 어떤 플러그인은 다음과 같이 필요하지 :
$(window).load(function() { $("html, body").animate({ scrollTop: $(document).height() }, 1000); });
오히려 document.ready보다는 창로드의 사용을 (이미지를로드 할 때 ... 어떤 높이를 차지) 참고.
기술적으로 정확하려면 윈도우의 높이를 뺄 필요하지만, 작품 위 :
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
특정 ID로 스크롤하려면 다음과 같이 그 .scrollTop ()를 사용합니다 :
$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
-
2.이 같은:
이 같은:
var $target = $('html,body'); $target.animate({scrollTop: $target.height()}, 1000);
-
3.
$('html,body').animate({ scrollTop: 9999 }, 'slow');
이 간단, 그것은 아래로 9999 페이지 높이 ... 큰 범위를 도달 할 수 있도록.
-
4.이 시도 할 수 있습니다
이 시도 할 수 있습니다
var scroll=$('#scroll'); scroll.animate({scrollTop: scroll.prop("scrollHeight")});
-
5.
$("div").scrollTop(1000);
나를 위해 작동합니다. 맨 아래로 스크롤합니다.
-
6.'document.body.clientHeight'를 사용하면 신체 요소의 볼 높이를 얻을 수 있습니다
'document.body.clientHeight'를 사용하면 신체 요소의 볼 높이를 얻을 수 있습니다
$('html, body').animate({ scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height() }, 1000);
아이디 'particularDivision'에서이 스크롤
-
7.
$('#pagedwn').bind("click", function () { $('html, body').animate({ scrollTop:3031 },"fast"); return false; });
이 솔루션은 날 위해 일했습니다. 그것은 fastly 페이지 아래로 스크롤에서 일하고있다.
-
8.
function scrollToBottom() { $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000); }
나는 확신,이 날의 솔루션 일이고 당신은 찾을 수
-
9.jQuery를 3, 제발 변화에 대한
jQuery를 3, 제발 변화에 대한
에:
-
10.JS
JS
var el = document.getElementById("el"); el.scrollTop = el.scrollHeight - el.scrollTop;
-
11.
var pixelFromTop = 500; $('html, body').animate({ scrollTop: pixelFromTop }, 1);
그래서 때 페이지를 자동으로 열 수 1 밀리 초 후에 아래로 스크롤
from https://stackoverflow.com/questions/4249353/jquery-scroll-to-bottom-of-the-page by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 웹팩와 실제 창 개체에 jQuery를 노출 (0) | 2020.10.23 |
---|---|
[JQUERY] 설정 사용자 지정 HTML5 필요한 필드 검증 메시지 (0) | 2020.10.23 |
[JQUERY] jQuery를 사용하여 실패에 AJAX 요청을 다시 시도하는 가장 좋은 방법은 무엇입니까? (0) | 2020.10.23 |
[JQUERY] 어떻게 자바 스크립트 또는 jQuery를 사용하여 새 탭에서 URL을 엽니 다? [복제] (0) | 2020.10.23 |
[JQUERY] 특정 문자 다음에 모든 것을 제거 (0) | 2020.10.23 |