Fullpage.js scrolling issues

Design help Custom code
#1

Hi!

I’m currently working on this website and I want to use Fullpage.js

READ ONLY LINK

My issues are:

  • animations with Lottie not smooth…

  • every time I click a link on the menu it goes to the right section and after a few seconds it goes to the top again UPDATE: It scrolls back to last active section

  • when using pagination it reloads the page in the top again.

I guess this issues ( the last 2) should be related…

anyone can help me???

#2

just solved the auto scrolling with by adding the following code:

fitToSection:false

#3

solved the pagination issue:

   ```
<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>
```

You can find the tutorial link here:

view tutorial