Linking to a section across pages is easy in itself, you just have to use an absolute link which includes the #hash, like this;
https://www.mysite.com/my-page#section-id
You can do this to CMS generated content, but you’ll need to drop an HTML embed inside the collection item to do it easily, e.g.
<a name="nav-SLUG"></a>
That SLUG
would be the slug of the CMS item. Then for e.g. a CMS item with a slug of foo
, you’d navigate to
https://www.mysite.com/my-page#nav-foo
The nav-
prefix is simply to separate these nav ID’s from any ID’s you have on the page, to prevent conflicts.
BUT THERE’S A BIGGER CHALLENGE
Which is the fact that you’ve structured your target page as a horizontal scrolling area.
This isn’t exactly natural to the way HTML navigates pages.
Vincent has a pretty slick solution here, which combines vertical and horizontal scrolling to resolve the issue. You’ll have to dig into it to see how it works;
https://www.man1fest.me/cms-timeline#2021
Alternatively if you’re comfortable with scripting, you can do the horizontal nav with script;