Scroll-snap to center projects in the view height

[joackim]

Hi everybody,

I want to use the scroll-snap in css to center my .row in the vh.
It is possible? I try but i seems there are too many div or css between the body and the .row.

It works when i put the overlay:scroll; to the main-region but no intro and no footer...

Example: https://codepen.io/jdevaud/pen/ZNOKNo

Any ideas?

Thanks and have a nice week-end.

[mariusjopen]

Dear @joackim
to integrate a scroll snap – you probably need to use Javascript. So first you need to have a look here:

http://laytheme.com/documentation.html#custom-javascript

Best!

Marius

[joackim]

Hi Marius,

Thank you for your answer.
My codepen doesn't use any javascript... Normally, it can be done without js...

Another idea?

Kind regards,

Joackim

[edgrbnz]

Hmmm.

To my understanding Marius said you might need Javascript because you need to assign the scroll function to the respective containers. The CSS is fine but you may need Javascript to automatically assign your CSS classes.

I’m just guessing here.

[mariusjopen]

Yes,
It might be a tricky one.
A snap function is not easy. To achieve it – I recommend to have a close look at least into jQuery.

Best!

Marius