0

I developed a web page using bootstrap 3.1, I see a small issue with the scrolling of a page. That issue is with getbootstrap.com website also. But when I see other sites like google.com this issue is not there.

Steps to reproduce:

  1. Open getbootstrap.com in iphone 5 [Safari Browser] view that in Portrait mode.
  2. Now tilt that to landscape mode, for the first time it is good it loads the top menu correctly.
  3. Now again tilt back to portrait mode [page is good].
  4. Now tilt back again to landscape mode, we cannot see the top menu it scrolls up a bit - user manually scrolls to top to view the top menu again.

I would like to know is this the issue with bootstrap (or) iPhone iOS version.

Please help me on the same, below is the reference URL for the screenshot.

http://www.developersnippets.com/wp-content/uploads/2014/10/image-900x309.jpg

msrd0
  • 7,002
  • 9
  • 41
  • 74
Vivekanand Kandagatla
  • 49
  • 1
  • 4
  • Are you comparing apples to apples? Google is not responsive, you are seeing a mobile site. This is the orientation change that happens with IOS. It used to be worse. If you don't want it, you can restrict the user to not to be able to zoom with the viewport meta tag (which would not be good for the users) or try looking for the orientation bug fix script that was used a couple years ago or not worry about. – Christina Oct 08 '14 at 11:47
  • Hi @Christina I am not comparing, have a requirement not to scroll the page when user is on landscape mode - it does not show the header, user explicitly need to scroll up to see the header menu. And I cannot restrict user not to zoom in small devices. – Vivekanand Kandagatla Oct 08 '14 at 14:59
  • Yes, only if you reproduce it that way, otherwise if you load it in landscape mode it works fine. Change the meta viewport tag to prevent user scaling http://stackoverflow.com/a/4389976/1004312 – Christina Oct 08 '14 at 15:03
  • Hi @Christina, I cannot disable zoom option my users need pinch and zoom feature. I saw other ways, like using scrollTop() option through jQuery but that might not be the best hack to resolve it, since if user is in middle of the page in portrait mode and goes to landscape mode it scrolls to top of the page. Any other way to resolve it? – Vivekanand Kandagatla Oct 08 '14 at 15:29
  • Try looking for stuff "orientation change bug" try solutions here: http://stackoverflow.com/a/12518946/1004312 - look in comments too. Other than that, I would say that since it takes three times to get that, it's an IOS bug and I would not bother with it. – Christina Oct 08 '14 at 16:09
  • Hi @Christina, thanks for the same. Some of the forums say that is a iOS bug. We have other scenario as well like checking the positions of the scroll till where user as scrolled and apply for the same in Landscape mode. If user does not scroll anything, we can scroll to top by default in Landscape. But it is a time taking stuff to resolve it. – Vivekanand Kandagatla Oct 08 '14 at 21:57
  • Please do not use "bootstrap" tag, use "twitter-bootstrap" since it means something else – Daniel Cheung Oct 12 '14 at 10:08

0 Answers0