Foolproof way to handle pagination for pro search results when you are using query strings?

I’m just using the same tags I would use for exp:channel:entries

I didn’t apply anything special, I just copied the tags from another paginated channel (without any search in it) to use the same styles and such.

I think I figured it out…

For some pages I have a #anchor in the pagination url so that the page scrolls down to a certain section…

I’ll just do that with JS.

ok, good to know. I’ll put that info in my notes in case it’s something that I encounter in the future.. or implement and then wonder why stuff breaks. 😄

{layout:set:append name="foot_extra"} <script> window.addEventListener('load', () => { const postsElement = document.getElementById('posts'); if (postsElement) { postsElement.scrollIntoView({ behavior: 'smooth' }); } }); </script> {/layout:set:append}

I’m curious about people’s opinions on this… I’ll push it up and you can tell me if you like the UX of it for pagination.

If you go to <https://www.newberryhealth.org/search/results?keywords=wellness> and click a pagination link the script waits 300ms and then smooth scrolls the user to the top of the results so the user doesn’t have to scroll.

Same on <https://www.newberryhealth.org/blog>