Create a vertical fullscreen slider without FullPage.js

Learn how to create a vertical fullscreen slider without FullPage.js in Webflow. Huge shoutout to Aykut and Himanshu who helped figure it out during the livestream!
Join the Pixel Geek Community:
pixelgeek.community
Want to support my content? Consider donating here:
www.buymeacoffee.com/pixelgeek
If you have an idea for a future Livestream topic, submit it here:
pxlgk.com/ideas
#webflow #webdesign #tutorial
I've been a web designer since 1995 and I've learned a lot about this industry. Now that I've found my dream job at Webflow, I want to share some of my experiences and knowledge with you in hopes you can find your dream job as well.
The purpose for this channel is to help you design and build better websites, learn more about the business of web design, and empower you to inspire others in this unique creative industry.
-------
Like what you see? Subscribe here:
kzbin.info_...
-------
/ thepixelgeek
/ pxlgk
pixelgeek.co

[@himanshuchawla1759]

That was just an amazing team work

[@pixelgeek]

thanks again for your help! :D

[@sinanouri5035]

Thanks for the tutorial Please create more content like tihs :))

[@theadalric]

Great video! How would you stop the scrolling from looping to the first page though? The "infinite repeat slides" toggle doesn't seem to work. Thanks!

[@ZWlify]

Awesome tutorial!, just wondering if there is a way to disable the flicker when choosing Crossfade animation instead of Slide? It seems all elements on the entire page disappear while going to the next slide. Thanks.~!!

[@jeremyleroux8108]

rotating the slider that is so ingenious.

[@LearningandSharing0]

Hey there, I'm new to webflow and I'm learning many things about webflow thanks to your videos. I came across this video while trying to find fullpage.js scrolling website tutorials. This tutorial is what I was looking for, I have one question in this... If I want to make the scrolling stop after the last slide what do I do? Currently the slides just continue / keep repeating once we reach the last slide. I tried to turning off infinite scrolling slides in the settings(not sure if that helps) but it didn't work. Would love it if there was a way to do this or am I missing something?

[@vincybadman871]

Awesome tutorial, but super buggy for trackpads. Is there an equivalent to replace or add to code that would account for trackpads?

[@PeterRychlik]

Can I put a slider in one of the slides to have a horizontal slider for the first section, and then this vertical slider?

[@luketrucino3745]

It looks like Genius solution. I have to admit I am thinking of redesign my web now :D. Only one thing... are there any browsers of devices that will have problem with 90degree rotating style ?

[@nav-unger]

Thats really cool Nelson....

[@pixelgeek]

agreed!

[@mikesosnowsky1343]

So cool🤩

[@Cholbek]

Nice one! Anyone found out how to go the next section, when you have reached the end slider?

[@Mr_Hoff]

So awesome! I was just about to use Fullpage too. I can't get the scroll feature to work. I will keep watching the video to figure out what I did wrong. :(

[@Mr_Hoff]

It works if you view it in actual published mode! Thank You All So Much!

[@Mr_Hoff]

Anyone know how to control the scrolling speed? Thank you in advance for your reply.

[@AndresMenard]

You would change the duration time in the slider settings

[@junedshaikh5162]

Hey can i get the source code here?

[@user-tg6jg4yg2x]

Where is the code why you did not provide in description

[@mariorruiz]

Where are the names of the guys who helped you?

[@pixelgeek]

Thanks. The names are on the video and in the description.

[@cjnnemeka2267]

what about mobile?

[@pixelgeek]

this also works in mobile :)