Last post Sep 29, 2010 03:22 AM by wessleym
Sep 28, 2010 06:13 PM|wessleym|LINK
I'm putting this tag at the header of my HTML pages, trying to get the page to stop vertical scrolling on mobile browsers like iPhone Safari:
<meta name="viewport" content="width=device-width, height=device-height" />
But as shown here, it doesn't work: http://wesspace.net/viewport.aspx
Note that there is no content to see when scrolling down, so no scrolling is necessary. But if a user pushes the page up with a finger (in other words, scrolling down), a blank area is revealed. This bug only occurs on mobile browsers, except Fennec, which
does a great job. So does anyone know how to prevent the user from scrolling down into the void?
Sep 28, 2010 11:37 PM|roopeshreddy|LINK
Try the following meta tag.
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no;" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Hope it helps u...
Sep 29, 2010 03:22 AM|wessleym|LINK
Using your code, the page still scrolls for me. Did it work for you when you tried it?