Implementation of the iOS7 translucent topbar using CSS Regions Implementation of the iOS7 translucent topbar using CSS Regions
CSS JavaScript
Switch branches/tags
Nothing to show
Permalink
Failed to load latest commit information.
src Add buggy support for inertia scrolling (using iscroll5) Dec 15, 2013
.gitignore First commit Sep 28, 2013
Gruntfile.js Added mobile.html Oct 9, 2013
README.md minor fix to readme Dec 9, 2013
package.json First commit Sep 28, 2013

README.md

iOS7 Translucent

Implementation of the iOS7 translucent topbar using CSS Regions

Live Demo on Codepen

How to help?

You need to have nodejs and ruby for compass/sass

  1. Fork this Repo
  2. npm install
  3. grunt dev will open the src/index.html in your default browser

Mobile

  1. Open http://localhost:9000/mobile.html on your iPhone.
  2. Get inertial scrolling to work

Just for you to see how close it is a GIF:

iOS7 Wrapper on iPhone 5S

Where is it working?

This is currently working in

  • Chrome 29+ (enable 'experimental-webkit-features'/'enable-experimental-web-platform-features')
  • Safari 6.1 beta
  • Mobile Safari on iOS7, scrolling is working. But no inertial scrolling