krubens
(Kjell Ruben)
October 18, 2016, 4:31pm
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
THIS is the site I want to implement it on.
Can anyone please help me?
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.
krubens
(Kjell Ruben)
October 18, 2016, 6:49pm
3
Thanx Sidney I actually sent you a message a week ago
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?
@krubens I’m sorry I must have missed that!
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.
1 Like
krubens
(Kjell Ruben)
October 18, 2016, 7:49pm
5
hehe… no prob
I had some other js that messed up everything, now it works!
Thank you so much!
No I just have to turn it off for mobile!
tomjohn
(Tom Johnson)
December 20, 2016, 8:39pm
6
Looks like your example site is no longer up. What JS did you use to get it to work?