Next and previous button goes to top of the page

Design help General
2

Hello Yannick,

We usually solve this kind of issue by using a little bit of custom code magic. We use this code:

<!-- Start 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>
<!-- End seamless-pagination custom code -->

Only thing that you need to change is to give ID “seamless-replace” to your collection list wrapper ( the one where pagination is contained ) and it should work. You need to put it into Custom Code tab > Footer code in project settings.

Webflow Experts at Flow Ninja Support Team.

4 Likes