Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

* Remove examples (they're hosted on the github page)

  • Loading branch information...
commit 2464797ca775363179e808b452d8223c1b291a65 1 parent aa5dd17
@joehewitt authored
Showing with 0 additions and 225 deletions.
  1. +0 −161 examples/example1.html
  2. +0 −64 examples/example2.html
View
161 examples/example1.html
@@ -1,161 +0,0 @@
-<!doctype html>
-
-<html lang="en">
-<head>
-<title>Scrollability</title>
-<meta charset="utf-8"/>
-<meta name="viewport" content="width=device-width,maximum-scale=1.0" />
-<meta name="apple-mobile-web-app-capable" content="yes" />
-<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-<style type="text/css">
-
-html {
- overflow: hidden;
- background: #333;
- font-family: Helvetica;
-}
-
-#container {
- position: absolute;
- left: 0;
- top: 24px;
- bottom: 24px;
- width: 320px;
- background: #fff;
- overflow: hidden;
-}
-
-#page {
- -webkit-transform: translate3d(0,0,0);
-}
-
-.item {
- position: relative;
- top: -1px;
- border-top: 1px solid #ccc;
- padding: 9px 12px;
- font: 21px Helvetica;
- font-weight: bold;
- background: #fff;
-}
-
-.item:last-child {
- border-bottom: 1px solid #ccc;
-}
-
-.bar {
- position: absolute;
- background: #222;
- left: 0;
- width: 100%;
- color: #fff;
- padding: 5px 0;
- font-size: 10px;
- font-weight: bold;
- text-align: center;
-}
-
-.bar.top {
- top: 0;
- border-bottom: 1px solid #000;
-}
-
-.bar.bottom {
- bottom: 0;
-}
-
-/*.item.touched {
- color: #fff;
- background: -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0, #028AF3),
- color-stop(1, #005DE6)
- );
-}*/
-
-</style>
-
-<script type="text/javascript" src="../scrollability.js"></script>
-
-<script language="javascript">
-
-var names = [
-"Arnulfo Heriberto Hao",
-"Elbert Murray Heartsill",
-"Danny Fred Querido",
-"Boris Hobert Cregger",
-"Clifton Brady Laurance",
-"Homer Jay Telch",
-"Lawrence Lloyd Barrus",
-"Shannon Isaias Plate",
-"Odis Raul Insley",
-"Marion Ben Nhatsavang",
-"Dong Brent Mcwilson",
-"Chong Jarrod Hinderman",
-"Eric Reyes Caffie",
-"Junior Newton Dagan",
-"Cleo Maynard Gutirrez",
-"Cruz Rey Misiewicz",
-"Jeremy Nelson Bew",
-"Doug Buster Maclead",
-"Zachariah Martin Colo",
-"Nathaniel Houston Berneri",
-"Clement Laverne Vrana",
-"Kermit Jeffery Left",
-"Davis Margarito Koran",
-"Booker Wallace Primavera",
-"Prince Enrique Pulice",
-"Johnathon Minh Inciong",
-"Stan Tony Calaycay",
-"Owen Sang Tugade",
-"Charlie Melvin Veloso",
-"August Galen Kathel",
-"Dominique Marc Sitterson",
-"Mitchell Isaiah Chareunrath",
-"Luther Avery Fekety",
-"Myles Doug Strohl",
-"Reuben Bob Holoman",
-"Eloy Erwin Kendrick",
-"Alec Bernard Hitz",
-"Jessie Oswaldo Shamir",
-"Jamison Seymour Nighman",
-"Garret Chester Robasciotti",
-"Clifford Samuel Sokoloff",
-"Carlton Jamel Mcentee",
-"Blair Titus Lennertz",
-"Barton Edmund Payn",
-"Ed Williams Faltin",
-"Leonardo Kent Trimarchi",
-"Lon Esteban Samrah",
-"Mike Alfonzo Alaniz",
-"George Gil Domnick",
-"Lemuel Lesley Cerventez",
-];
-
-addEventListener('DOMContentLoaded', function() {
- var container = document.getElementById('container');
- var page = document.getElementById('page');
- for (var i = 0; i < names.length*5; ++i) {
- var item = document.createElement('div');
- item.className = 'item';
- item.innerHTML = names[i%names.length];
- page.appendChild(item);
- if (page.offsetHeight > container.offsetHeight*6) {
- break;
- }
- }
-});
-
-</script>
-
-</head>
-<body>
- <div class="bar top">Scrollability Demo</div>
- <div class="bar bottom">Footer</div>
- <div id="container">
- <div id="page" class="scrollable vertical"></div>
- </div>
-</body>
-</html>
View
64 examples/example2.html
@@ -1,64 +0,0 @@
-<!doctype html>
-
-<html lang="en">
-<head>
-<title>Scrollability</title>
-<meta charset="utf-8"/>
-<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
-<style type="text/css">
-
-html, body {
- overflow: hidden;
- padding: 0;
- margin: 0;
- background: #000;
-}
-
-#container {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- white-space: nowrap;
-}
-
-.page {
- display: inline-block;
- width: 100%;
- height: 100%;
- margin-right: 20px;
- color: #fff;
- font: 40px Helvetica;
- padding: 10px;
- -webkit-box-sizing: border-box;
-}
-
-</style>
-
-<script type="text/javascript" src="../scrollability.js"></script>
-
-<script language="javascript">
-
-var colors = [
-"blue",
-"green",
-"red",
-"gray",
-];
-
-addEventListener('DOMContentLoaded', function() {
- var container = document.getElementById('container');
- for (var i = 0; i < colors.length; ++i) {
- var page = document.createElement('div');
- page.className = 'page';
- page.style.backgroundColor = colors[i];
- page.innerHTML = 'Scroll horizontally between pages'
- container.appendChild(page);
- }
-});
-
-</script>
-</head>
-<body><div id="container" class="scrollable horizontal paginated"></div></body>
-</html>
Please sign in to comment.
Something went wrong with that request. Please try again.