본문 바로가기
javaScript

[jQuery]현재 스크롤 위치 값과 스크롤 탑 구하기

by mooyou 2023. 4. 6.
728x90
300x250
SMALL

현재 스크롤 위치 값 구하기

$대상.scrollLeft()
$대상.scrollTop()

 

 

확인 버튼을 클릭하면  현재 스크롤 위치 값을 info영역에 출력

<script>
    $(document).ready(function() {
        $(btn).click(function(){
            var $info = $("#info");
            var $container = $("#container");
            var str = $container.scrollLeft() +"<br>";
            str += $container.scrollTop();
            $info.html(str);
        })
    })
</script>


<div class="nav">
    <button id="btn">확인 </button>
    <div id="info">
        스크롤 정보 출력
    </div>
</div>
<div id="container" >
    <img src="img.png">
</div>
728x90
반응형
LIST

댓글