티스토리 뷰

IT 이야기/프로그래밍

[JQUERY] 스크롤 위치 얻어오기

하늘과 나b 2015. 2. 2. 16:11

[JQUERY] 스크롤 위치 얻어오기



오늘은 JQUERY를 이용해서 스크롤의 위치를 얻어오는 소스를 알아보도록 하겠습니다.


아래는 JQUERY를 사용해서 스크롤의 위치를 얻어오는 코드입니다.


$(document).scrollTop()



위 소스를 이용해서 응용을 해 보겠습니다. 


아래의 소스는 스크롤을 내렸을 때 스크롤의 위치가 768을 벗어난 경우 경고메시지를 화면에 보여주는 소스입니다.


<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(window).scroll(function(){
	if ($(document).scrollTop() >= 0 && $(document).scrollTop() < 768) {
        alert("스크롤의 위치가 0~768 입니다.");
    }
});
</script>
</head>

<body>
<div style="height:1024px">
</div>
</body>
<html>


위의 소스를 실행하면 아래와 같은 화면이 나옵니다.


아래와 같이 처음에는 아무것도 안 나옵니다. 




스크롤을 서서히 내리면 아래와 같이 경고창이 보입니다.




제가 작성한 소스파일을 첨부합니다^^


scroll.html


'IT 이야기 > 프로그래밍' 카테고리의 다른 글

[ASP] UTF-8로 변환하는 Encode_UTF8 함수  (1) 2015.06.25
[PHP] fsockopen() 으로 PHP 외부의 페이지 가져오기  (0) 2015.05.18
[JQuery] 마우스휠 사용시 부드럽게 스크롤 되는 소스, smoothwheel 플러그인  (0) 2015.05.08
[C언어] 화씨온도를 섭씨 온도로 변환하는 문제  (0) 2015.05.07
컴파일러 없이 쉽게 C언어 공부하는 방법, 웹컴파일러로 한 방에  (1) 2015.05.06
fatal error LNK1123: COFF로 변환하는 동안 오류가 발생했습니다. 파일이 잘못되었거나 손상되었습니다.  (0) 2015.01.26
fatal error C1021: invalid preprocessor command 'inclued' 한방에 해결하기  (0) 2015.01.24
PHP 개발시 DB에 한글이 깨져 들어갈 때 해결한 사례  (0) 2014.12.26
[C언어 오류] fatal error C1083: 포함 파일을 열 수 없습니다. 'xxxxx.h': No such file or directory  (2) 2014.10.12
[C언어 강좌] 헤더파일에 대해서  (0) 2014.09.08
공유하기 링크
댓글