the flexible viewport height means that window.innerHeight provides different results depending upon whether the page has just loaded or how far you have scrolled.From a technical perspective, here are a few: However, there are more problems with the current iOS Safari menu bar beside usability. I can appreciate that move having no obvious back button on some pages and not others could be bad for users. Apple subsequently removed minimal-ui as a thing. Users got the menu bar back by clicking the header chrome. That is to say, on iOS7 with minimal-ui present, the page loaded with a minimal amount of browser chrome by default. If you remember, this gave us visual/practical equivalence with ‘Add to Home Screen’ (providing of course you have the requisite in there). Back in iOS7 we had the minimal-ui meta tag. That area of Safari is like some sort of ‘touch deity’ strictly off limits to all but those who understand what’s going on under the hood. Plain old links that are unfortunate enough to be scrolled into that area have to be tapped twice too. Safari on iOS considers the bottom 44px of the viewport sacrosanct in general. It doesn’t need to be an ‘app like’ fixed bar. It’s a bit weird to me that these kind of layout patterns, that Apple champions natively, aren’t a problem with Windows Mobile & Android on the mobile web, just Safari on iOS. How d’ya like them Apples (pun intended)? Every time Safari registers a touch in this area it pops up the Safari menu bar and you have to click what you clicked again. Scroll down the page just a little so the menu bar recedes and then try and tap the links/buttons in your fixed menu bar. The kind of layouts popularised by iOS itself:įancy a game of wack-a-mole? Try making a fixed menu bar that sits within the bottom 44px of your web page/app. Users can’t fully enjoy ‘app like’ layout patterns on iOS. That bar isn’t hostile in principle rather it’s the actions that invoke/dismiss its presence and its hijacking of the bottom 44px of the viewport that make it a constant frustration and problem for web pages. For clarity, I’m talking about the UI at the bottom with the forward/backward icons in: My loathing of Safari on iOS is largely restricted to the menu bar.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |