Possible to create this scrolling behavior in Webflow?

Design help General
1

I would love to apply this js scroll in web flow. Is there any way?

http://www.thepetedesign.com/demos/zepto_onepage_scroll_demo.html

Thanks

2

Hi @clarion, thanks for your question!

You can try to do this via Custom Code, but it’s not something that we support out of the box.

As a side not, this technique is (lovingly) referred to as “scrolljacking”, and honestly seems to be a fad. It is usually not a great experience for users because it breaks the native behavior of a scrollbar, so we’re not big fans of this approach to navigation :-\

3

Thanks @callmevlad.

I would agree normally on the scrolljacking. I actually have a use case/UX that it makes perfect sense for (for the first time in my career).

I am just trying to figure out how to do it in web flow without weird interactions and with limited access to the classes…

This seems to be the closest starting point that might work.

https://github.com/alvarotrigo/fullPage.js/blob/master/examples/demoPage.html

4

Got it figured out…I will post back the result later so that I don’t lose any street cred as a UX practitioner when I actually used scrolljacking on purpose.

:slight_smile:

1 Like
5

Please do @clarion i would most like to learn how to do this also!

6

Don’t leave us hangin! how’d you do it and why?

7

@DanPollock my apologies for the delay. I will post it as soon as I get the project live (currently under development).

Hint though: the FullPage.js i posted above was what I used to get it done.

:smile:

1 Like
8

another option to consider

1 Like
9

I prefer @Amreet_Gill 's solution.

I like having the “pages” listed at the top
is easier to see

10

its possible , only the first div (100%) with this effect?
and the website scroll normally without this effect?

11

It will be nice to see how u doing this Clarion!!!