jQuery에서 창의 높이와 스크롤 위치를 어떻게 결정합니까?

jQuery에서 창의 높이와 스크롤 위치를 어떻게 결정합니까?

jQuery에서 창 높이와 스크롤 오프셋을 잡아야 하는데, jQuery 문서나 Google에서 이를 찾을 수 없었습니다.

요소(아마 창 포함)에 대해 높이에 액세스하고 맨 위로 스크롤하는 방법이 있을 것으로 90% 확신하지만 특정 참조를 찾을 수 없습니다.

jQueryDocs에서:

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrollTop/
http://api.jquery.com/height/

http://api.jquery.com/height/ (참고:창 사용과 문서 개체 간의 차이)

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

http://api.jquery.com/scrollTop/ 에서

$(window).scrollTop() // return the number of pixels scrolled vertically

퓨어 JS

window.innerHeight
window.scrollY

jquery보다 10배 이상 빠르며 코드 크기도 비슷합니다.

여기서 https://jsperf.com/window-height-width 에서 기계에 대한 테스트를 수행할 수 있습니다.

$(window).height()

$(window).width()

요소 위치 및 오프셋을 확인하기 위한 jquery 플러그인도 있습니다.

http://plugins.jquery.com/project/dimensions

스크롤 간격띄우기 = 간격띄우기요소의 높이 특성

요소의 점으로 스크롤해야 하는 경우.Jquery 기능을 사용하여 위/아래로 스크롤할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/303767/how-do-i-determine-height-and-scrolling-position-of-window-in-jquery