Streaming live at 10am (PST)

Scrollify - scroll normally after last section?


#1

Hi there,

I’m using the JQuery Scrollify custom code on my website and it’s working fine except that I need a way to hack it, and not sure how to do it myself.

On mobile portrait, I couldn’t find a way to fit a footer (with links to next pages) in the last section, and therefore I had to create another section to fit them in. However even when I’ve hidden that section from desktop, tablet and mobile landscape, when published after the last section it scrolls and gets stuck back on the top of the page, because that’s where the mobile section is hidden.

I need a way to either, better hide that section from desktop, tablet and mobile portrait. Or find a way to scroll normally after the last section on mobile.

Hope this makes sense, found that hard to explain. If it’s not clear just try to scroll all the way down and you will see.

Thanks for your help in advance.

https://preview.webflow.com/preview/milk-honey-ldn?utm_source=milk-honey-ldn&preview=20aa76a079e30a5b781328f588fe3858


#2

Look at these options for Scrollify:

  • interstitialSection - A CSS selector for non-full-height sections, such as a header and footer.
  • standardScrollElements - A CSS selector for elements within sections that require standard scrolling behavior.

#3

Hi @webdev

Thanks for your response!

I’ve tried both with a H: 300px section called test:

<script>
            $(function() {
              $.scrollify({
                section : ".about-bg",
                interstitialSection: "test",
                scrollSpeed: 1000,
              });
            });
          </script>

AND

<script>
        $(function() {
          $.scrollify({
            section : ".about-bg",
            standardScrollElements: "test",
            scrollSpeed: 1000,
          });
        });
      </script>

But unfortunately, neither have worked :confused:

Any thoughts on why?

Thanks for your help


#5

Like an idiot I wrote the code wrong and missed out the full stop! It worked perfectly with the interstitialSection!

Thanks so much @webdev


#6

Sure, glad to have helped. Note: If you are in this space, you will frequently write the wrong code. It’s a process!