Implementation of the iOS7 translucent topbar using CSS Regions Implementation of the iOS7 translucent topbar using CSS Regions
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.gitignore
Gruntfile.js
README.md
package.json

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