Viewport scroll on Pagebuilder (scroll-snap) - Forum | JoomShaper
Solved SP Page Builder

Viewport scroll on Pagebuilder (scroll-snap)

Asked by Andrea 5 years ago Last activity 5 years ago

Hi,
I do not understand why the css command "scroll-snap-align" does not work with SP pagebuilder. Here https://www.unifill.it/landing-page I have created the 3 CSS Class into the 3 rows (.section1) and the command
.page-content {
scroll-snap-type: y mandatory!important;
}
Unfortunately this dos not work. Eventually can you suggest any JS alternative to scroll "snap" into viewport sections ? (like this: https://codepen.io/michellebarker/pen/PowYKXJ)
Thanks in advance.
Regards.

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

Hi. It works. You just did not finish.

.page-content {
    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow-y: scroll;
}

3 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi Andrea,

I think your issue is solved already?

Best Regards

Andrea Asked this
5 years ago

Hi, thankyou very much. Solved.

Rashida Rahman Staff
5 years ago

Thanks for letting us know:)

Log in to reply.