code-injection Scrollify on mobile (Squarespace 7.1)

Site URL: https://www.cabinet-benabent.fr

Hello, 

I have some problem using Scrollify on my Squarespace website on mobile. It's working well on desktop and on Chrom, but when I open the website on mobile (on Safari), the scroll isn't smooth and "jump" from section 3.

I used this Javascript code (insert in the header section):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>

<script>
        $(function() {
          $.scrollify({
               section : ".collection-62d7fc5a5f3a970effebb16f", 
               section : ".collection-62d80b45bc0a74472e8177f6",
               section : ".collection-62f1573edfaf885f6a63966b",
               section : "collection-62fb8e95bd9ba937de3291ad",
               easing: "easeOutExpo",
               scrollSpeed: 1100,
               offset : 0,
               scrollbars: true,
          });
        });
</script>

Has this ever happened to anyone? Do you know why? 

Thanks a lot for your help !! 

Laurène