scrollview-list-plugin.html revision d8c5cc03c19c683d131295b5d3001c983d6dc2d1
434N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
434N/A<html>
434N/A <head>
434N/A <title>Y.ScrollView (y)</title>
434N/A
434N/A <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
434N/A
434N/A <link rel="stylesheet" href="/build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
434N/A <link rel="stylesheet" href="assets/tests.css" type="text/css" media="screen" title="no title" charset="utf-8">
434N/A
434N/A <script src="/build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
434N/A </head>
434N/A
434N/A <body class="yui3-skin-sam">
434N/A <div class="header">
434N/A <h1>Y.ScrollView</h1>
434N/A </div>
434N/A <div id="scrollable" class="yui3-scrollview-loading">
434N/A <ul>
434N/A <li>
434N/A <div>I am a div with some LI content inside me!
434N/A <ul>
3817N/A <li>LI content 1</li>
434N/A <li>LI Content 2</li>
434N/A <li>LI Content 3</li>
434N/A </ul>
434N/A </div>
434N/A </li>
1244N/A <li>
434N/A <div>Purchased</div>
1258N/A </li>
434N/A <li>
3817N/A <div>Air</div>
434N/A </li>
434N/A <li>
434N/A <div>Amelie</div>
434N/A </li>
434N/A <li>
3817N/A <div>Ben Folds</div>
434N/A </li>
434N/A <li>
434N/A <div>Ben Harper</div>
1938N/A </li>
1938N/A <li>
434N/A <div>Blue October</div>
434N/A </li>
434N/A <li>
434N/A <div>Bob Dylan</div>
434N/A </li>
434N/A <li>
434N/A <div>Cake</div>
434N/A </li>
434N/A <li>
434N/A <div>Citizen Cope</div>
434N/A </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: 372,
flick : {
minDistance:0,
minVelocity:0
},
plugins: [Y.Plugin.ScrollViewList]
});
scrollView.render();
});
</script>
</body>
</html>