Skip to content

Commit

Permalink
some more comments in the mobile index
Browse files Browse the repository at this point in the history
  • Loading branch information
hakimel committed Jun 19, 2012
1 parent 4d858d8 commit 037b411
Showing 1 changed file with 5 additions and 4 deletions.
9 changes: 5 additions & 4 deletions mobile.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<title>stroll.js - CSS3 Scroll Effects</title>

<meta name="description" content="A set of list scroll effects applied via CSS.">
<meta name="description" content="A collection of CSS3 scroll effects and animations.">
<meta name="author" content="Hakim El Hattab">

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1" />
Expand All @@ -30,8 +30,9 @@
width: 100%;
}
ul li {
-webkit-transform: translate3d( 0, 0, 1px );
padding: 25px 20px;

-webkit-transform: translate3d( 0, 0, 1px );
}
ul li.cache {
-webkit-transform: rotateY( 1deg );
Expand Down Expand Up @@ -147,13 +148,13 @@
var html = '';

// Unfortunately all devices aren't capable of running very long lists
// so let's adapt in favor of smooth updates
// so let's adapt in favor of smooth animations
if( IS_ANDROID ) entries.length = 30;
if( IS_IPHONE ) entries.length = 60;

for( var i = 0, len = entries.length; i < len; i++ ) {
// The cache class is applied as an attempt to force Android to run
// all list items through the GPU at start
// all list items through the GPU at start to avoid lag later
var attributes = IS_ANDROID ? 'class="cache"' : '';

html += '<li ' + attributes + '>'+ entries[i] +'</li>';
Expand Down

0 comments on commit 037b411

Please sign in to comment.