Streaming live at 10am (PST)

Loader Interaction & Portfolio Design


#1

Hey guys!

Had a bit of fun tonight playing around with loading interactions & smooth scroll js. The design overall is nothing special, it’s super blocky, but I think it feels pretty smoooooth regardless. I used some little ‘tricks’ like hiding content during that loading phase so users can’t scroll, which is something my work has been lacking, will have to implement from now.

Hoping to put some client work aside and really build out something cool with some more advanced custom code and webflow chains.

http://adventureloader.webflow.io/

ALSO

I’ve been working on my updated portfolio, still a bit to go, but take a peek if interested :slight_smile:

http://tom-bekkers.webflow.io/


#2

Very nice! How did you get the smooth scrolling? I’ve been looking up a couple different things, but haven’t found a straight forward answer.


#3

Super easy!

Just paste this into your custom code and play with the animationTime

<script>
/* Smooth Scrolls*/
window.SmoothScrollOptions = { animationTime: 1800 }
</script>

<script async src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js" integrity="sha256-Yut1YAlvRzggjdRiTu+X56CcayNzkjwk3p34ZZL0WHk=" crossorigin="anonymous"></script>

Let me know how it goes


#4

First straight forward answer I’ve seen! It works great! You’re the man! I appreciate the help!