Streaming live at 10am (PST)

Anchor Scroll unexpectedly ends before element


#1

I have a page with a simple anchor scroll to id.

From my point of view I have set it up just the same as on : https://preview.webflow.com/preview/atlas?preview=b57e064d5a4af27679735b39add1bd09

This is the site - just navigate to the "Tour" page to see the scroll: https://preview.webflow.com/preview/patrik-interaction-design-portfolio?preview=91e5718db5d5a9ea4cd0186a0377e6c6


#2

I'm a little confused... I don't understand the problem.

On your website - from the home page
- if you select the Start Tour option
--- you are taken to the Interactive Tour Page.

There is no scroll happening. Its a different page.


#4

Sorry, I just realized what the confusion was about.

What I meant to say was that you can navigate to the Tour page and open the left-side menu and click one of the links there to see the scroll.

Thanks for the quick reply


#5

Quick fix for this one, just put your menu in a section and you'll be golden smile




#6

Wow!

That worked perfectly. Thank you so much, I'm happy smile

Except just in the future putting my menu into a section, is there anything more that I can take away here? Maybe for the scroll to work, everything should simply be in a section? Or something css related?


#7

Glad it helped! Putting your menu in a section is good for proper Semantic structure (good technical page layout), it also helps webflow's scrolling script figure out where to scroll correctly. So besides having your menu in a section, you should be good. Your menu can have links to things that aren't contained in sections, but in most cases, most elements you will be scrolling to will be in a section by nature. Sections should mainly be used to define different "subjects" of the page - so each "project in brief" goes in a section in your case, which is how you have it smile


#8