programing

jQuery에서 브라우저 스크롤 위치를 얻으려면 어떻게 해야 합니까?

starjava 2023. 9. 24. 12:17
반응형

jQuery에서 브라우저 스크롤 위치를 얻으려면 어떻게 해야 합니까?

스크롤이 있는 웹문서를 가지고 있습니다.현재 스크롤 위치의 값을 픽셀 단위로 구하고자 합니다.아래 함수를 실행하면 0 값을 반환합니다.이거 어떻게 해요?

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript">
    $(function (){
        $('#Eframe').on("mousewheel", function() {
            alert(document.body.scrollDown)
        }
    })
</script>

당신이 jQuery를 사용하는 것으로 보이므로, 여기 jQuery 솔루션이 있습니다.

$(function() {
    $('#Eframe').on("mousewheel", function() {
        alert($(document).scrollTop());
    });
});

설명할 게 별로 없네요원하시면 여기 jQuery 설명서가 있습니다.

사용하는게 좋아요.$(window).scroll()보다는$('#Eframe').on("mousewheel")

$('#Eframe').on("mousewheel")사용자가 스크롤 막대의 위아래 화살표를 사용하여 수동으로 스크롤하거나 스크롤 막대 자체를 잡고 끌면 트리거되지 않습니다.

$(window).scroll(function(){
    var scrollPos = $(document).scrollTop();
    console.log(scrollPos);
});

한다면#Eframe는 다음과 같은 원소입니다.overflow:scroll스크롤 위치를 원하는 거죠저는 이것이 효과가 있을 것이라고 생각합니다. (그래도 시험해 본 적은 없습니다.)

$('#Eframe').scroll(function(){
    var scrollPos = $('#Eframe').scrollTop();
    console.log(scrollPos);
});

순수 자바스크립트로 가능!

var scrollTop = window.pageYOffset || document.documentElement.scrollTop;

언급URL : https://stackoverflow.com/questions/10615845/how-do-i-get-the-browser-scroll-position-in-jquery

반응형