scroll 이벤트 설정 방법
jquery-mobile에서 제공하는 scroll 이벤트로는
scrollstart,scrollstop
이렇게 2가지가 있다.
1.scrollstart는 스크롤의 움직임이 시작 할 때
발생하는 이벤트이다.
ex)
$('#scrollTarget').on("scrollstart",function(){
alert("스크롤 시작");
});
2.scrollstop은 스크롤이 멈추면 발생하는
이벤트 이다.
$('#scrollTarget').on("scrollstop",function(){
alert("스크롤 멈춤!");
});
1.이곳의 스크롤을 내려보세요
2.이곳의 스크롤을 내려보세요
3.이곳의 스크롤을 내려보세요
4.이곳의 스크롤을 내려보세요
5.이곳의 스크롤을 내려보세요
6.이곳의 스크롤을 내려보세요
7.이곳의 스크롤을 내려보세요
8.이곳의 스크롤을 내려보세요
9.이곳의 스크롤을 내려보세요
10.이곳의 스크롤을 내려보세요
11.이곳의 스크롤을 내려보세요
12.이곳의 스크롤을 내려보세요
13.이곳의 스크롤을 내려보세요
14.이곳의 스크롤을 내려보세요
15.이곳의 스크롤을 내려보세요
16.이곳의 스크롤을 내려보세요
17.이곳의 스크롤을 내려보세요
18.이곳의 스크롤을 내려보세요
19.이곳의 스크롤을 내려보세요
20.이곳의 스크롤을 내려보세요
3.orientationchange는 모바일 기기의
세로모드,가로모드의 변경시
발생하는 이벤트 이다.
ex)
$(window).on("orientationchange",function(e){
alert("Orientation is: " + e.orientation);
});
이벤트 확인은 모바일기기로 접속하여 세로모드,가로모드 변경해보세요.