Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 68db773b05
Fetching contributors…

Cannot retrieve contributors at this time

73 lines (59 sloc) 1.954 kb
<!doctype html>
<html lang="en">
<head>
<title>Scrollability</title>
<meta charset="utf-8"/>
<style type="text/css">
html {
margin: 0;
font-family: Helvetica;
font-size: 22px;
color: #fff;
background: #335061;
}
a {
color: #f2eb88;
text-decoration: none;
}
li > a {
font-size: 28px;
}
body {
margin: 20px auto;
padding: 40px 40px 80px 40px;
width: 800px;
border-top: 8px solid #fff;
border-right: 2px solid #fff;
border-bottom: 8px solid #fff;
border-left: 2px solid #fff;
}
strong {
color: yellow;
}
</style>
</head>
<body>
<a href="http://github.com/joehewitt/scrollability"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/4c7dc970b89fd04b81c8e221ba88ff99a06c6b61/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub"></a>
<h1>Scrollability</h1>
<p>Native scrolling for mobile web apps... or at least the closest thing to it!</p>
<p>Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away.</p>
<p><b>Scrollability is a work-in-progress and is not yet ready to be used.</b> I will publish documentation when it's ready.</p>
<h3>Demos</h3>
<p>(Requires iOS, works best on iPhone 3GS, iPhone 4, or iPad)</p>
<ul>
<li><a href="example1.html">Table View</a></li>
<li><a href="example2.html">Horizontal Pages</a></li>
</ul>
<h3>Bugs Being Worked On</h3>
<ul>
<li>Increase momentum as you flick up or down several times</li>
<li>When releasing finger slowly, make sure scrolling is completely stopped</li>
<li>Lots of other hard to describe discrepancies with native scrolling...</li>
</ul>
<h3>Features Planned</h3>
<ul>
<li>Sticky table headers</li>
<li>Photo viewer with zooming</li>
</ul>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.