0

I have similar issue as mentioned in this question New Fixed position bug on iOS8.

If your click on menu which has submenu then menu expands to all li's height. It works fine everywhere except iphone 6 plus. In iphone 6 plus if you click on last menu which has submenus it expands and user can not scroll.

For nav i have used position:fixed. How to make it scroll?

Community
  • 1
  • 1
Priya
  • 1,453
  • 4
  • 29
  • 55
  • Can you provide a sample of your code? – Shaggy Apr 11 '15 at 09:23
  • @Shaggy http://jsbin.com/xuyevi/2/ something like this but if u click on menu and if it has submenus it expands – Priya Apr 11 '15 at 09:25
  • So, what you're saying is that, because the menu is fixed, the last submenu drops off the bottom of the screen? – Shaggy Apr 11 '15 at 09:27
  • yes because i tried adding margin-bottom padding bottom to the menu options but still it is not scrolling – Priya Apr 11 '15 at 09:30
  • See answer below, should help you out. Apologies for the lack of example code, I'm on my phone at the moment. – Shaggy Apr 11 '15 at 09:34

1 Answers1

0

What you need to do is set the height or max-height of the fixed element to 100% and then set its overflow to auto. This will allow you to scroll the menu, independently of the rest of the page, if its overall height exceeds the height of the window.

Shaggy
  • 6,696
  • 2
  • 25
  • 45