scrollview-list-plugin.html revision fd555184d589189f6f65318c7a0e2c64b52e10db
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Y.ScrollView (y)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="/build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!-- <link rel="stylesheet" href="assets/tests.css" type="text/css" media="screen" title="no title" charset="utf-8"> -->
<script src="/build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="yui3-skin-sam">
<div class="header">
<h1>Y.ScrollView</h1>
</div>
<div id="scrollable" class="yui3-scrollview-loading">
<ul>
<li>
<div>I am a div with some LI content inside me!
<ul>
<li>LI content 1</li>
<li>LI Content 2</li>
<li>LI Content 3</li>
</ul>
</div>
</li>
<li>
<div>Purchased</div>
</li>
<li>
<div>Air</div>
</li>
<li>
<div>Amelie</div>
</li>
<li>
<div>Ben Folds</div>
</li>
<li>
<div>Ben Harper</div>
</li>
<li>
<div>Blue October</div>
</li>
<li>
<div>Bob Dylan</div>
</li>
<li>
<div>Cake</div>
</li>
<li>
<div>Citizen Cope</div>
</li>
<li>
<div>Coldplay</div>
</li>
<li>
<div>Dido</div>
</li>
<li>
<div>I am a div with some LI content inside me!
<ul>
<li>LI content 1</li>
<li>LI Content 2</li>
<li>LI Content 3</li>
</ul>
</div>
</li>
<li>
<div>Lily Allen</div>
</li>
<li>
<div>Purchased on the iPhone</div>
</li>
<li>
<div>Purchased</div>
</li>
<li>
<div>Air</div>
</li>
<li>
<div>Amelie</div>
</li>
<li>
<div>Ben Folds</div>
</li>
<li>
<div>Ben Harper</div>
</li>
<li>
<div>I am a div with some LI content inside me!
<ul>
<li>LI content 1</li>
<li>LI Content 2</li>
<li>LI Content 3</li>
</ul>
</div>
</li>
<li>
<div>Bob Dylan</div>
</li>
<li>
<div>Cake</div>
</li>
<li>
<div>Citizen Cope</div>
</li>
<li>
<div>Coldplay</div>
</li>
<li>
<div>Dido</div>
</li>
<li>
<div>Foo Fighters</div>
</li>
<li>
<div>Lily Allen</div>
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
YUI({filter:"raw"}).use('scrollview-base','scrollview-list', function(Y) {
var scrollView = new Y.ScrollView({
contentBox: '#scrollable',
height: 300,
flick : {
minDistance:0,
minVelocity:0
},
plugins: [Y.Plugin.ScrollViewList]
});
scrollView.render();
});
</script>
</body>
</html>