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

179

jQuery에서 창의 높이와 스크롤 오프셋을 가져와야하지만 jQuery 문서 또는 Google에서 이것을 찾지 못했습니다.

90 %는 요소 (아마도 창 포함)의 높이와 scrollTop에 액세스 할 수있는 방법이 있지만 특정 참조를 찾을 수는 없습니다.

javascript jquery

— 한 크레용
소스

2

jQuery 없이는 어떻습니까?

— Costa

@Costa StackOverflow의 다른 곳에서 요청되었을 가능성이 높으며 그렇지 않은 경우 자체 질문이 필요합니다.

— One Crayon

296

jQuery 문서에서 :

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

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

— 핌 예거
소스

1

내가 방금 문서에서 놓친 그림; 그들을 찾았지만 그들의 조직은 솔직히 이해가되지 않습니다 (여전히 Mootools에서 생각합니다). 감사!

— One Crayon

이전 버전에서 추가 되었더라도 jQuery 1.3.2의 브라우저에서는 작동하지 않습니다. 그 중 하나 또는 여기 내 코드에 문제가 있습니다

— Philluminati

11

$ (window) .height ()는 스크롤 높이가 아닌 높이 뷰포트를 제공합니다. $ (document) .height ()는 Aidamina가 제안한 것처럼 실제 스크롤 높이를 제공합니다.

— Jonathan

나는 종종이 매력과 같은 간단한 것들을 얼마나 많은 찬사를 보냈는지에 놀랐지 만, 이번 주에 이걸 두 번 살펴

— Neil

41

발 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

— 아이다 미나
소스

8

순수한 JS

window.innerHeight
window.scrollY

jquery보다 10 배 이상 빠릅니다 (코드의 크기는 비슷합니다).

다음은 컴퓨터에서 테스트를 수행 할 수 있습니다 : https://jsperf.com/window-height-width

— 카밀 키에브 제 스키
소스

window.scrollY, 스크롤 상단 높이 가져 오기

— xgqfrms

6

$(window).height()

$(window).width()

요소 위치와 오프셋을 결정하기 위해 jquery에 플러그인이 있습니다.

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

스크롤 오프셋 = 요소의 offsetHeight 속성

— 조이 V.
소스

1

고마워요, 조셉 다른 플러그인을 사용하지 않으려 고했지만 정확히 찾고있는 것이 아니지만 올바른 방향으로 검색하도록했습니다. 결국, 실제로 필요한 것은 '$ (window) .scrollTop ()'였으므로 뷰포트를 지나서 얼마나 많은 페이지가 스크롤되어 요소를 적절하게 조정했는지 파악했습니다.

— DA.

0

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

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

— dush88c
소스