Disable scrollify on one section

Design help Custom code
1

Hi!

I’m using scrollify for snap scrolling and I need it disabled on only one section (the final section where I have a timeline featured.) The timeline works fine with scrollify on desktop but mobile makes the scrolling jump over some of the content.

I don’t have much coding experience and I’ve done a ton of googling, but so far the only resolution I’ve found is to disable scrollify entirely on mobile, but that doesn’t solve the problem for me.

Thank you in advance for any help you may have to offer!

Here’s the scrollify code I’m using:

<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.21/jquery.scrollify.min.js" integrity="sha512-UyX8JsMsNRW1cYl8BoxpcamonpwU2y7mSTsN0Z52plp7oKo1u92Xqfpv6lOlTyH3yiMXK+gU1jw0DVCsPTfKew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
        $(function() {
          $.scrollify({
            section : ".scroll-section",
          });
        });
</script>

Here is my site Read-Only: Webflow - Plugout Website

2

I was able to fix it with the help of a front end dev friend.

We found a way to disable scrollify once the final section is reached.

<script>
$(
function
() {
// Initialize Scrollify
            $.
scrollify
({
section
:
".scroll-section"                ,
after
:
function
(index, sections) {
// Disable Scrollify when reaching the last section
if
(index === sections.length - 1) {
                        $.scrollify.
disable
();
                    }
                }
            });
        });
</script>