<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<meta charset="utf-8" />
<title>스크롤</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
#wrapper {height:200px;overflow:auto;}
</style>
<script src="iscroll.js"></script>
</head>
<body>
<div id="wrapper">
<ul>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
<li>내용</li>
</ul>
</div>
<script type="text/javascript">
var myScroll = new iScroll('wrapper');
</script>
</body>
</html>
'HTML & Script' 카테고리의 다른 글
| 조건부 주석(Conditional comments) 사용하기 (0) | 2012.03.31 |
|---|---|
| http://code.google.com/p/ie7-js/ (0) | 2012.03.31 |
| REPLACING THE -9999PX HACK (NEW IMAGE REPLACEMENT) (0) | 2012.03.31 |
| 클립보드 복사 기능 구현을 위한 소스 코드 (0) | 2012.03.15 |
| 키코드값 (0) | 2012.03.15 |