scrollview-list-plugin.html revision b4f63b5004437b5ceb6105ac990342ebd3b990d6
<!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">
<script src="/build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="yui3-skin-night">
<div class="header">
<h1>Y.ScrollView</h1>
</div>
<div id="scrollable" class="yui3-scrollview-loading">
<ul>
<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>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>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"}, {skin: {defaultSkin:'night'}}).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();
//scrollView.syncUI();
});
</script>
</body>
</html>