Navigation in Hamburger not scrolling

[Geeksta]

We have a rather lengthy navigation but it won't scroll on devices.

[arielsalminen]

Yeah, this is currently a limitation of this solution. I’ll try to come up with a good way scroll it though soon, since it seems we need it too in one of our project!

[voodoo6]

Hi MystK,

I've been waiting for a fix for this for ages! (the javascript is beyond my skills I'm afraid).

I tried your solution but it seems to have issues when testing on my iPhone – once the menu has been opened, the nav is no longer fixed and remains where it was opened on the page. Also, once the menu is opened, the header bar becomes scrollable, it would make sense it it could be fixed in place the whole time?

Difficult to describe all in all! – I've put your commit here, the only thing I've done is add more nav items to create a long nav: http://voodoo6.com/fixed-nav-mystk/

Try it on a mobile to see what I mean.. do you see the same issues when testing?

[lipsync]

I tested the fix on Android, but nothing changed - still can't scroll larger menus.

[pgarciacamou]

Hi MystK,

I tested on iOS 6.0 w/safari and it brakes the nav-bar's position.

[breakfastpizza]

Hi all, has there been any progress on fixing this functionality? I'm using this plugin on a site with a VERY long menu which gets cut off in mobile and I would like to be able to scroll through.

[dmegatool]

I think this can be done with css alone. If you put a max-height on the UL based on the screen size (let say calc(100vh - 50px)... or whatever fits your design) and set the overflow to auto or scroll, it should work as LI flow out of the UL.