<!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>

저작자 표시
신고

+ Recent posts