Fullpage.js: How to set scrollOverflow false on some section?

Created on 2 Jun 2015  ·  15Comments  ·  Source: alvarotrigo/fullPage.js

Hy, this is a Great plugin.
i want to know how i can set scrolloverflow false on a specific section for example i want to just disable only on a one section and enable on all other 3 or 4 section. help please

question

Most helpful comment

This is possible since quite a long time ago. As detailed in the docs:

In order to prevent fullpage.js from creating the scrollbar in certain sections or slides use the class fp-noscroll. For example: <div class="section fp-noscroll">

All 15 comments

The plugin doesn't provide such an option.
scrollOverflow will detect whether or not your section content is bigger than the viewport and in that case it will create the scroll bar.
Otherwise, the scollbar won't be created.

Look at here i'm using revolution slider and that what i'm getting http://mim.raw.agency/
slides coming beneath each other. if you scroll from mouse wheel button on first section you will understand what i mean.

Sounds a like a very specific problem you have with your own code inside the slider.
As I said, fullpage.js doesn't provide a way to disable scrollOverflow only in some sections.

Brother, if i disable scrollOverflow the slider works fine but i lost the scroll functionality that i want on some sections :-(

any otherway ?

Yeah, you probably can disable it manually by changing the necessary CSS.

If you don't know how to do it, contact me.

Thank you. I did it.

How?

This is possible since quite a long time ago. As detailed in the docs:

In order to prevent fullpage.js from creating the scrollbar in certain sections or slides use the class fp-noscroll. For example: <div class="section fp-noscroll">

Is it "formally" possible to set scrollOverflow to false, get the same fp-noscroll effect, just when the user click on certain element?

Is it "formally" possible to set scrollOverflow to false

You mean dynamically? Yes, when using the responsiveWidth or responsiveHeight options it gets disabled after reaching the defined size.

Almost... I want to, somehow, "toggle" the scrollOverflow option when the user clicks on a button.

Sorry to bother you, mighty Alvaro, this plugin is something from another world, keep it free as long as you can! I just solved my week-long headache with a built-in, ridiculously clean option: fixedElements ; thanks!

This is possible since quite a few time ago. As detailed in the docs:

In order to prevent fullpage.js from creating the scrollbar in certain sections or slides use the class fp-noscroll. For example: <div class="section fp-noscroll">

This save my life. Ok ok... the night.

Thanks a lot @alvarotrigo

@eliooses no problem! ;)

Was this page helpful?
0 / 5 - 0 ratings