Link to single item in collection list across pages

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;