Scroll to top of section in collection list pagination

Design help Custom code
1

Not very experienced with code at all. I finally was able to create pagination on a collection list that did NOT scroll to the top of the page when the next page button was clicked using the code below that was provided in an old forum thread. That said, it now stays basically in the same position on the page, and I’d like it to anchor to the top of the container with ID “seamless-replace” so that a visitor won’t have to manually scroll up to see the first listings on the page that just loaded. Can anyone help by providing an edit to this code? Appreciate it!

<!-- seamless-pagination custom code -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>
<script>

    var containerSelector = '#seamless-replace';
    $(document).pjax(
      '.w-pagination-wrapper a',
      containerSelector, {
        container: containerSelector,
        fragment: containerSelector,
        scrollTo: false,
        timeout: 2500,
      }
    );

    // These 3 lines should reinitialize interactions

    $(document).on('pjax:end', function() {
      Webflow.require('ix2').init();
    });

</script>

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

2

We dealt with this issue in a client project and wrote a script that allows you to create a button that will scroll you to the top of the page.

Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.

Please feel free to tag me if there are any questions!

Happy Saturday!