Streaming live at 10am (PST)

Scroll full section by one mouse scroll

Hi guys! Is possible to make that one section change on one scroll? Or it’s only make by adding custom code and plug-ins?

Hi, you mean this?
http://broplayground.webflow.io/scroll-full-section-by-one-mouse-scroll

1 Like

Hi, yeas but i mean to if i do one scroll, than page scrolled to next section, and section by section. One scroll - one section))

Hi, yeas but i mean to if i do one scroll, than page scrolled to next section, and section by section. One scroll - one section))

If you have only 2 sections, you can do this using crutch Interaction))
http://broplayground.webflow.io/scroll-full-section-by-one-mouse-scroll
Read-Only link: https://preview.webflow.com/preview/broplayground?preview=199fd3556254ef8e33b2beec09ee2264

I think at the moment there is no more universal and adaptive than fullPage.js

Thank you, Bro-design, for your answer!

Спасибо Дмитрий! Я так понял ,что пока эта функция перемотки по-секционно для вебфло не доступна.

Ага, именно для скролла по секциям пока нет решения

Check this out this post
https://discourse.webflow.com/t/scroll-one-section-up-down/

Hi bro design. I have a question. Is it possible to scroll full section by one mouse scroll? But i have more than 2 sections?
Thanks)

Hi, @Elnur_Damirov :wave:

In your case (more than 2 sections) you will have to use only third-party code.

For example: fullPage.js

1 Like

Is this a setting in Webflow? How do I do this?

Hi @rhys :wave:
How to do with Webflow interactions I was write here: Scroll full section by one mouse scroll - #5 by bro-design

But good news! Relatively recently this can be done on a pure CSS. Check how it may be done here: The Best Method of Scroll Snapping! Easy Webflow Interactions - YouTube

Hi @bro-design,
Thank you for the help. That seems a heck of a lot easier than a lot of the other solutions.

Quick question though: is there a way to slow down the scroll? For example, the 2-section version you shared back in July will scroll ONLY to the next section, but the video you shared just now (from Anansi Creative) will skip over the second section if I scroll too intently.

Do you know how to make sure it doesn’t skip over sections?

P.S. If you need a video with more detail, let me know.

Thanks again, Dmitrii!

-Rhys

I’m not sure, but think for make sure that your website users don’t skip any section and all works correct on IE11 too then your choice should be fullPage.js😬

Fair enough. Do you have the js code and instructions I would need to achieve this? Or maybe I could hire you to help me? Let me know :raised_hands:t3:

-Rhys

Here is a @PixelGeek detail instructions: Adding fullpage.js into your Webflow project - YouTube