Streaming live at 10am (PST)

Full page js scroll effect. HELP


#1

Hi

I would love to implement THIS js from github to make the pages snap to viewport when scrolling. Like THIS

HERE is my share link for the test site.
HERE is a codepen tryout, that is not seccessfull :stuck_out_tongue:
THIS is the site I want to implement it on.

Can anyone please help me? :slight_smile:


fullPage effect
#2

Hi @krubens

Made a quick example of this in Webflow a while back you could use as a reference.

Preview:
https://preview.webflow.com/preview/fullpage-js-700091?preview=53047bd09d99aeb80a8f4d486b89b33e

Live Preview:
http://fullpage-js-700091.webflow.io/

*Note that this has continuous scrolling enabled but you can just disable that (or not) and play around with the settings from the documentation.

Hope this helps!
PS: Let me know if you need some help implementing this.


#3

Thanx Sidney :slight_smile: I actually sent you a message a week ago :stuck_out_tongue:
Because I could'nt find out how it works.

So now I have copied all the codes you have Inside <head> tag and Before </body> tag

What code do you have in the Custom Code section on the website?


#4

@krubens I'm sorry I must have missed that! :stuck_out_tongue:

That's really all the code you need to get it working, now you need a div wrapper with the ID fullpage and insert div's with the class section for each pane, give them a height of 100VH and you're done.


#5

hehe... no prob :slight_smile:
I had some other js that messed up everything, now it works! :slight_smile:

Thank you so much!

No I just have to turn it off for mobile!


#6

Looks like your example site is no longer up. What JS did you use to get it to work?


#7