Jump to content

Scroll jacking / Parallax for section

Recommended Posts

I'm in search of assistance for a website project I'm currently working on.. My goal is to implement a feature where the scrolling action pauses when visitors reach the end of a specific section, requiring them to scroll a bit more to continue moving downward. This would ensure they don't quickly scroll past important text content. I believe this functionality is commonly referred to as "scroll jacking" or it could be a variation of the Parallax effect applied to an entire section.

I've attempted to find coding solutions for this, but I'm encountering challenges. If anyone has any advice or can provide examples of how to achieve this effect, I would greatly appreciate it.

Link to comment

You can test this header code injection, try it on one page, see if it works for you:

<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 : ".page-section",
          });
        });
</script>

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

hello Ziggy! Thank you for your time. The code you sent me is what I would call a sticky scroll. While it is a good alternative i am looking for a function that would let me scroll normally but slow down page scrolling when reaching the end of the section. (not related) - also this "sticky scroll" function doesn't work well on Safari browser, I have been looking for solution for quite some time.

Link to comment

Fair enough, good luck in your continued search for this. Sorry I couldn't help.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.