Streaming live at 10am (PST)

"Slide" scroll effect


#1

Hi there,

I'm wondering if the following scroll effect is possible in webflow (i.e. staggered/locked scrolling though "slides"/sections):
http://cargocollective.com/sirius/James-Webb

Many thanks in advance!


Slider gallery help
#2

Hey there! Awesome question.

Without doing a step by step guide:
This is possible with a decent amount of customizations to the slider. You'll need to have a look at using full page sliders (slides and slider set to 100% or 100VH height, relative) on a full height body (100% height), and then just using absolute: right top positioning of the bottom nav bar for the slider to move it to the right of the screen.

You can read the quick overview of a full screen slider here

Hope that gets you pointed in the right direction to start exploring. Always here to help smile


#3

Ahh yes, wonderful – definitely enough to get me started! Many thanks.

My followup question would be if the current version of webflow allows for a slide change trigger when scrolling down per the example.


#4

Awesome! Glad it helped.

Not natively on mouse scroll I'm afraid, it may be possible with some heavy work done with the CSS positioning and use of the interactions on "slider-slide into view"- but this behaviour would be incredible hard to replicate such as what is shown in the custom gallery done in the link you referenced blush


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.