domchristie / drawer Goto Github PK

-webkit-overflow-scrolling: touch; is used to achieve inertia scrolling when the drawer is open, however, applying the following causes the drawer to flicker (or flash) on closing:

@media only screen and (max-width: 870px) {
  .drawer-open .drawer {
    -webkit-overflow-scrolling: touch;
  }
}

Various attempts to fix this using combinations of backface-visibility: hidden, and transform: translateZ(0) on .drawer / drawer-butt / body have been tried, but flickering still occurs (sometimes on .drawer-butt itself)

Also mentioned here: http://slytrunk.tumblr.com/post/33861403641/ios6-web-app-flickering-with

A conflict between position: fixed and transform: translate