반응형
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
반응형
'Programing' 카테고리의 다른 글
Just-In-Time 컴파일과 Ahead-of-Time 컴파일의 장점은 무엇입니까? (0) | 2020.11.09 |
---|---|
CSS에 값이있는 속성으로 요소를 타겟팅하려면 어떻게해야합니까? (0) | 2020.11.08 |
UTF8에서 STL 로의 와이드 문자 변환 (0) | 2020.11.08 |
같은 페이지에서 다른 버전의 jQuery를 어떻게 실행합니까? (0) | 2020.11.08 |
Clojure의 Let 대 바인딩 (0) | 2020.11.08 |