Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Pauline Orr
15,321 PointsScroll to Snap with Navigation- where to begin?
I am trying to create a website similar to www.ozgarcia.com
I want to have a fixed side navigation div. I was planning to use bootstrap's show/hide divs for mobile- so there will be a top fixed navigation bar.
The main content is a snap scroll to each section. Maybe one or two sections will have a overflow scroll div inside (I'm hoping to avoid it). I also want the links in the nav to trigger the snap scroll effect to that section.
I have been playing around with plugins with a lot of interesting results but the end result is glitchy. At this point I want to program this from scratch using jquery or javascript but I am overwhelmed. I don't know where to begin or how to go about this. I'm wondering if my layout idea (using bootstrap col-offset) would be function to make room for the fixed nav. I was originally using flex box before I decided on this scroll effect.
Where do I start or go about this? I never seem to understand fully how the snap effect really works in the code even though I am spending time reading plugin codes.