Streaming live at 10am (PST)

Scrolljacking in Webflow


#1

Hey guys! I’m trying to implement Scrolljacking in Webflow but can’t find a way how to make it work. My client wants this scroll effect: http://www.plasticbcn.com/

It’s not the best user experience but he’s really into it.

I know it has to be done using custom code and custom library. I found some old threads here on the forum that mentioned


and

I’ve tried these two but couldn’t make any of it work. I’m not a developer so don’t know where I’m making a mistake.

One of them gives me an error “$(…).pagepiling is not a function”.

18

That’s from the Initialization script that I have inserted before the /body tag:

$(document).ready(function() {
	$('#pagepiling').pagepiling();
});

Here’s the read-only link if you want to have a look:
https://preview.webflow.com/preview/purposeful?preview=4ae2890eeddf56267253d741ec92b10f
(It’s on the test page called “scroll”)

And the live page link:
https://www.purposed.global/scroll
(I’m testing it on an empty page with empty divs until I figure it out so I can implement it on the homepage).

Any help would be really appreciated. @cyberdave You always have solutions for these sort of things. Maybe you can help me out.


Here is my public share link: LINK
(how to access public share link)


#2

You are loading jQuery a second time. Remove it as it is conflicting with Webflow’s version.

line 45 in screenshot above.


Also, feel free to contact me for further code help and/or customization of third-party plugins


#3

Thanks, @samliew That did the job!