Creating a 'Scrollspy' nav with slice machine slices, possible?

[Phil (Phil Snow)]

Hi David,

I don't know anything about the package that you're working with, but a much easier way to do this would be to add anchor tags to all your H2s and have them serve as your section beginnings. You do this using the HTML serializer as described here:

Table of contents with next-slicezone

Hey Team, I have an example here in Nuxt.js with the HTML serializer, but it should work just the same in Next.js For your use case of the sub navigation. Something I do is use the HTMLSerializer to automatically add id's to my H2's from my rich texts. Like I do here: if (type === Elements.heading2) { var id = element.text.replace(/\W+/g, '-').toLowerCase(); return '<h2 id="' + id + '">' + children.join('') + '</h2>'; } Then I build a component that looks at the Slices on the cur…

You would then use an event listener to set the active class on your side menu when the anchor link is in the viewport.

Let me know if this makes sense or if you have any other questions.

Thanks.