jQuery Window Scroll
마우스 스크롤을 움직이면 실행되는 jQuery 함수 window scroll. 페이지를 추가로 로딩하거나 페이지를 그릴 때 사용할 수 있다. 사용 방법은 trigger 함수와 동일한 방식이다.
$(window).scroll( 실행할 내용 추가 );
실제 적용 예시를 보면 아래와 같다. 실행할 함수나 기능을 선언해주고, 윈도우 스크롤 함수를 선언해주면 스크롤할 때마다 doSomething 함수가 실행된다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<script>
function doSomething() {
alert(" 뿌잉 뿌잉 ");
}
$(function () {
$(window).scroll( function() {
doSomething();
});
});
</script>
|
cs |
간단하죠?ㅎㅎ
'[개발] Programming > Javascript' 카테고리의 다른 글
자바스크립트, 태그에 이벤트 함수 바인딩하기 - addEventListener() (0) | 2021.07.25 |
---|---|
자바스크립트 document.getElementById() - id로 dom 요소 찾기 (0) | 2021.07.20 |
자바스크립트, 유입 경로의 url 알아내기 (이전 페이지 주소) (0) | 2020.05.31 |
[JS] A parser-blocking, cross site (i.e. different eTLD+1) script... 오류 (0) | 2019.12.22 |
자바스크립트 화면 크기, 브라우저 크기 구하기 (0) | 2018.12.20 |
댓글