scrollview.html revision bcc9de037d43a6a2c85d77d37052b2712a96bd6c
4b22b9337f359bfd063322244f5336cc7c6ffcfars<!DOCTYPE html>
4b22b9337f359bfd063322244f5336cc7c6ffcfars<html>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <head>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <title>Y.ScrollView (y)</title>
4b22b9337f359bfd063322244f5336cc7c6ffcfars
4b22b9337f359bfd063322244f5336cc7c6ffcfars <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
4b22b9337f359bfd063322244f5336cc7c6ffcfars
4b22b9337f359bfd063322244f5336cc7c6ffcfars <link rel="stylesheet" href="/build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
4b22b9337f359bfd063322244f5336cc7c6ffcfars <link rel="stylesheet" href="assets/tests.css" type="text/css" media="screen" title="no title" charset="utf-8">
4b22b9337f359bfd063322244f5336cc7c6ffcfars
4b22b9337f359bfd063322244f5336cc7c6ffcfars <link rel="stylesheet" href="/build/scrollview/assets/skins/sam/scrollview-base.css" type="text/css" media="screen" title="no title" charset="utf-8">
4b22b9337f359bfd063322244f5336cc7c6ffcfars <link rel="stylesheet" href="/build/scrollview/assets/skins/sam/scrollview-scrollbars.css" type="text/css" media="screen" title="no title" charset="utf-8">
4b22b9337f359bfd063322244f5336cc7c6ffcfars
4b22b9337f359bfd063322244f5336cc7c6ffcfars <script src="/build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </head>
4b22b9337f359bfd063322244f5336cc7c6ffcfars
4b22b9337f359bfd063322244f5336cc7c6ffcfars <body class="yui-skin-sam">
4b22b9337f359bfd063322244f5336cc7c6ffcfars <header>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <h1>Y.ScrollView</h1>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </header>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div id="scrollable" class="yui3-scrollview-loading">
4b22b9337f359bfd063322244f5336cc7c6ffcfars <ul>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Purchased on the iPhone</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Purchased</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Air</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Amelie</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Ben Folds</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Ben Harper</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Blue October</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Bob Dylan</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Cake</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Citizen Cope</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Coldplay</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Dido</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Foo Fighters</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Lily Allen</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Purchased on the iPhone</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Purchased</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Air</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Amelie</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Ben Folds</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Ben Harper</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Blue October</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Bob Dylan</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Cake</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Citizen Cope</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Coldplay</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Dido</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Foo Fighters</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Lily Allen</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <li>
4b22b9337f359bfd063322244f5336cc7c6ffcfars <div>Purchased on the iPhone</div>
4b22b9337f359bfd063322244f5336cc7c6ffcfars </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>Foo Fighters</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>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>Foo Fighters</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>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>Foo Fighters</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>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>Foo Fighters</div>
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
YUI({filter:"raw"}).use('transition', 'event-gestures', 'scrollview', function(Y) {
var scrollView = new Y.ScrollView({
contentBox: '#scrollable',
height: 372
});
scrollView.render();
Y.later(200, window, scrollTo, [0, 0]);
});
</script>
</body>
</html>