Horizontal Scroll + Anchor Link to Section

Hello :v:

I’ve been helping a friend with a client site for a new pizza shop in Brooklyn.

They want to have the category menu scroll horizontal down the page but then also anchor to the section.

I feel like I am about 90% there but can’t seem to figure out how to create a smooth scroll and lock to section on click with the horizontal scroll. Seems to be either one or the other.

Here is my share link to take a look. A bit messy at the moment but any help would be GREATLY appreciated.

https://preview.webflow.com/preview/tristanos?utm_medium=preview_link&utm_source=designer&utm_content=tristanos&preview=e229fad1872abb8828b6b69b94203d11&pageId=6095c1c96e240d406fd81776&workflow=preview


Here is my public share link: LINK
(how to access public share link)

For horizontal scroll sections, it’s good to use a “hidden” vertical section of the same lenght and make the vertical scroll of it control the horizontal scroll of the other. This way, you just have to place IDs in that vertical sections and you’ll be able to smooth scroll to them, and at the same time scroll horizontally too.

I just added a button “scroll to 2021” on my cms timeline, to demo that: A Timeline made using Webflow CMS

Hi Vincent! I’m running into a similar issue here, except I noticed that in your website link you can jump to 2021 and the viewport will jump to the part that shows the start of 2021.

I recall that horizontal scroll sections don’t have anchors, could I ask how you pulled this off? We are trying to do the same with our website here, using buttons to jump to specific sections.
[https://gi-disappearances-354956297092572e8eb04.webflow.io/] - only the first two circle buttons in the navigation work as an example, and we made this using ‘Move X’ by a certain VW. But Is there a way to get it to stop at a specific ‘section’ in the horizontal frame?

Is this link to 2021 on the cloneable? Gave it a try and didn’t seem to work.

I’m not linking to anything of the horizontal part, I am lining to an ID on the vertical paert, and as those 2 have a linked motion… that’s how it’s made.