Skip to content

FWeinb/ios7translucent-css

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 

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

About

Implementation of the iOS7 translucent topbar using CSS Regions Implementation of the iOS7 translucent topbar using CSS Regions

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published