Skip to content Skip to sidebar Skip to footer

Is There A Bug In The New Ios 7.1 Minimal-ui Viewport Setting?

The new 'minimal ui' setting in iOS 7.1 is great for landscape websites. My web app uses a fullscreen, absolute positioned div for its content, to give it an app-like feeling. But

Solution 1:

I had same problem with iPhone5+ios7.1+minimal-ui. This code successfully fixes this trouble.

window.addEventListener('scroll', function () {
    // Do not scroll when keyboard is visible 
    if (document.activeElement === document.body && window.scrollY > 0) {
        document.body.scrollTop = 0;
    }
}, true);

Solution 2:

check out this post: Gray area visible when switching from portrait to landscape using iOS 7.1 minimal-ui

this fixed it for me:

window.scrollTo(0,0);

setting every time a resize event occurs.


Solution 3:

 $(window).resize(function(){
  document.body.scrollTop = 0;
})

Post a Comment for "Is There A Bug In The New Ios 7.1 Minimal-ui Viewport Setting?"