Anchor links do not work in horizontal scrolling web-page

Dear forum members,

I tried to make horizontal scrolling webpage without code, however navbar links do not work.

The links work when I put the sections outside the wrapper. I guess the problem is with fixing the wrapper, but the horizontal scrolling would be impossible without doing that.

Any idea how to fix that problem?
Or any suggestions how to make horizontal scrolling in a different way?

Thanks,
Astghik


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

By “links” I guess you’re talking about anchors, links into the same page.

An anchor will make the page scroll vertically and only vertically. It means you first need to build a vertical structure. Then overlay it with your main horizontal container, and make sure your “while scrolling” interaction make the vertical sections match their horizontal counterparts. this way, anchors will work.

2 Likes

Dear Vincent,

Thank you for the reply. I will try to figure it out :slight_smile:

Hello Vincent,

I am having the same problem as Astghik at the moment but I do not really comprehend the solution you just gave, could you use an example please?

Thank you!

This demo shows a vertical and horizontal navigations in sync. If you put anchors links to sections of the vertical part, it will make the horizontal one scroll to a certain point.

http://cms-timeline-demo.webflow.io/