jabeckett Posted June 21, 2018 Share Posted June 21, 2018 (edited) I am looking to make a separate nav bar on the left of the page, Is it possible for this separate nav bar to have a different set of links to the main nav bar, finally how would i go about making the nav bar 'scroll with the customer' as they scroll down the page. cheers in advance. my site is https://www.derbyshiregemsuppliers.com Edited June 21, 2018 by jabeckett Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 21, 2018 Share Posted June 21, 2018 There is this: https://www.cubecart.com/extensions/plugins/vertical-navigation-box Are you wanting the nav bar to "stick" to the top of the page as the page is scrolled? Quote Link to comment Share on other sites More sharing options...
jabeckett Posted June 22, 2018 Author Share Posted June 22, 2018 well i want to put this as a separate nav box on the left which sticks as scrolled. i want the top nav bar to stay where it is. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 22, 2018 Share Posted June 22, 2018 Examining the suggested extension, it seems this is just a simple (non-Foundation) menu thingy. As such, using Foundation's nav-sticky javascript function probably won't work. Also, one would hope the code isn't encoded so that the user can change what information is shown in the menu boxes. There is a CSS "position:sticky" but using that, there is a requirement that there is no "overflow:hidden" in any ancestor node - which there is (hides the shopping basket). So, I'm sure there is a solution, but I do not know what it would be. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 22, 2018 Share Posted June 22, 2018 (edited) I am going to try this: https://github.com/jbutko/stickyNavbar.js Nope, didn't work very well. Edited June 23, 2018 by bsmither Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 25, 2018 Share Posted June 25, 2018 I got this working: https://github.com/garand/sticky Quote Link to comment Share on other sites More sharing options...
havenswift-hosting Posted June 26, 2018 Share Posted June 26, 2018 Hi Brian, have you got any examples you can share ? Ian Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.