On my ‘Indigenous Education’ page I would like to have a fixed side navigation, next to a scrolling section. Scrolling only works when the .indigenouspage is set to overflow scroll, but then I can’t have any fixed elements in the page. When I change the .indigenouspage back to overflow visible, the nav is fixed but I can’t scroll anymore. Help! Thanks
Here is my site,
Click ‘View Work’ and then the ‘Indigenous Education’ project.
Just a quick comment, the “Building a Fixed sidebar with flexbox” is good to create a fixed sidebar layout, but if you want smooth scrolling also, then you would need to put the fixed nav under the body, and the individual sections under the body, or at least not within a parent element having overflow scroll.
I like to create a fixed nav panel, lets say 100px, then put individual sections with a global section class assigned to the sections, and placed directly under the body, with a left padding equal to the width of the fixed nav (whatever value you wanted).
This could actually be a great fix for me, I have put my divs into pages and removed my swipe interactions. I’m going to try the side bar as a proper navigation this time. Thank you for the help and the example!