development

jquery를 사용하여 스크롤 위치 가져 오기

big-blog 2020. 11. 23. 19:36
반응형

jquery를 사용하여 스크롤 위치 가져 오기


이상한 요청이지만 현재 브라우저 스크롤 위치를 변수로 가져와야합니다. 어떤 js 또는 jquery 함수를 사용해야합니까? 측면에 표시 할 요소를 파악하는 데 필요합니다. 온라인에서 몇 가지를 찾았지만 내 div에서 작동하는 것은 없으며 전체 페이지 만 있습니다.


크로스 브라우저 변형

$(document).scrollTop();

이전 IE 및 Firefox 브라우저는 스크롤바를에 첨부 documentElement하거나 <html>HTML 에서 태그를 지정합니다.

다른 모든 브라우저는 스크롤바를에 첨부 document.body하거나 <body>HTML 에서 태그 가 될 것 입니다.

올바른 해결책은 브라우저에 따라 사용할 것을 확인하는 것입니다.

var doc = document.documentElement.clientHeight ? document.documentElement : document.body;
var s   = $(doc).scrollTop();

jQuery는 이것을 전달 window하거나 documentjQuery scrollTop가 유사한 검사를 수행하고 알아낼 때 이것을 조금 더 쉽게 만들어 주므로 둘 중 하나가 브라우저 간 작동합니다.

var s = $(document).scrollTop();

또는

var s = $(window).scrollTop();

jQuery scrollTop () 문서

설명 : 일치하는 요소 집합의 첫 번째 요소에 대한 스크롤 막대의 현재 세로 위치를 가져 오거나 일치하는 모든 요소에 대한 스크롤 막대의 세로 위치를 설정합니다.


... 내 사업부에서 작동하는 것은 없으며 전체 페이지 만

DIV 용인 경우 스크롤 된 양을 얻으려면 스크롤 막대가 연결된 요소를 대상으로 지정해야합니다.

$('div').scrollTop();

문서 상단에서 요소 거리를 가져와야하는 경우 다음을 수행 할 수도 있습니다.

$('div').offset().top

jQuery를 사용하는 가장 좋은 방법은 다음을 사용하는 것입니다 .scrollTop().

var pos = $('body').scrollTop();

scrollTop ()사용 하여 스크롤 위치를 가져 오거나 설정합니다.

참고 URL : https://stackoverflow.com/questions/14886038/get-scroll-position-using-jquery

반응형