responsive-nav.js
responsive-nav.js copied to clipboard
Does this support nested drop down list?
Depends on implementation of dropdown list. It's up to your imagination.
Could you add a feature that say, slides to the right when you have nested
- tags? Maybe add a link to go back at the top of each nested
- .
How about support for multi-toggle with active parent links? Something like this: http://codepen.io/micahgodbolt/full/czwer
That would be a nice valstu, have you tried adding it to the css to see if it works? nvartolomei - do you have any samples? or will you be working on this in future releases?
I second the support for nested drop down.
Has anyone found an appropriate solution/customization?
Yep nested would be cool..
please implement
Any movement on this, yet?
@jacobdubail Not yet. But I think this should be the next big feature to add.
This is coming in the next release!
Very cool. Any idea when the next release will be coming out? :)
@sanstress Beta version is out now, please take a look and test drive it (there's a demo in the demos folder if you download it): https://github.com/viljamis/responsive-nav.js/tree/multiple-levels
- online demo: http://viljamis.com/demo/responsive-nav-multiple-levels/
Also… please comment here if you find any bugs or would want to see the implementation to be somehow different before I merge this into the master.
Does this version support drop down list for vertical menu?
Does this prevent clicking on parent pages? Perhaps the icon could be where clicking to open the sub-pages could be performed?
@S2web At the moment yes, but I'm gonna implement something like that before this will be merged into the master :)
Good to know. I have seen the prevent from click on many multi-level vanilla js menus. While this can be appropriate in some cases it can also be an issue with some businesses or organizations content.
Not sure if this is an issue or just an issue for me :), but the dropdowns were going behind divs when using with zurb foundation - so I added the below - which fixed it:
#nav { z-index: 100; }
Definitely good to hear the option to prevent clicking on parent pages that @S2web mentioned is coming, that is key. But otherwise, testing the beta version of this script recently shows it works great on all moderns platforms and browsers, I had no issues at all.
I hope this is still going into the master and that v1.0.40 comes out soon. :)
I have found a small problem with 7inch tablets. Well nexus 7 anyway. The touch of the navigation on drop down doesn't quite work. You have to tap just below the button, and then it automatically selects the top option in the drop down. I can't quite work it out. Its fine on iPads, phones etc
Has anyone else noticed this?
Hi, i just wanted to comment on an issue regarding "preventing touch/drag" on parents of sub-levels. Basically the problem happens when the menu list is "taller than the viewport", and not being able to swipe/scroll down the page to view the rest of the menu or even access the page content under the menu. There is something that prevents parents to be able to swipe.
Related issues here: https://github.com/viljamis/responsive-nav.js/issues/117 https://github.com/viljamis/responsive-nav.js/issues/127
@valstu How about support for multi-toggle with active parent links? Something like this: http://codepen.io/micahgodbolt/full/czwer
:100:
We badly need such a solution, otherwise we can not open parent pages. So at time beeing we can not put content onto those pages as we can not open them.
We need a switch (option) to set the "open subpages"-event only onto the plus and minus symbols and let the anchor behave as a normal link.
Who can solve the problem to solve it?
Hi, many thanks for your work on the responsive nav plugin, it's helped me out a lot!
I have two main requests:
- Submenu support – the beta works well for me, though need fix for 'prevent from click parents'
- Ability to scroll a long open nav when using a fixed header (possible solution here on the fixed adtile version of this from MystK? https://github.com/adtile/fixed-nav/issues/7
http://viljamis.com/demo/responsive-nav-multiple-levels/ - is there a way to fix the parents are not working / showing the subs on touch? Tested on Honor Holly Device with Android 4.4.2 with Firefox
I can't get sub menus to work. Anyone with a valid markup? Guess JS changes aren't needed. I've checked in the demo-folder in the downloaded package, but nothing there. Sigh..
there are different versions, in repository and here https://viljamis.com/responsive-nav-multiple-levels/