티스토리 뷰

모바일 웹 페이지를 제작할 때 iScroll을 이용하면 터치로 스크롤을 할 수 있습니다.

하지만 모든 화면을 스크롤 할 수 있기 때문에 컨트롤이 제대로 동작을 안합니다.

다음처럼 iScroll을 사용할 때 예외처리를 해줘면 좋아요

</script>
<script type="text/javascript">
	var myScroll;
	function loaded() {
		myScroll = new iScroll('main', {
			useTransform: false,
			onBeforeScrollStart: function (e) {
			var target = e.target;
			while (target.nodeType != 1) target = target.parentNode;
			if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
				e.preventDefault();
			}
		});
	}
	
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
	document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);
</script>

 iScroll.js는

http://cubiq.org/iscroll-4에서 다운받을 수 있습니다.

'Programming Languages > HTML/PHP' 카테고리의 다른 글

iScroll 사용시 input, textarea등 컨트롤 입력 예외처리  (3) 2012.03.31
APM7 외부접속 설정  (1) 2011.09.09
HTML 모바일웹 사이즈  (1) 2011.08.14
HTML5 기초지식  (0) 2011.08.14
댓글
댓글쓰기 폼
공지사항
Total
374,447
Today
17
Yesterday
47
링크
«   2018/12   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
글 보관함