Scroll Snapping - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Scroll Snapping

A

Andrea

SP Page Builder 4 years ago

Hi, I'm using this code to scroll inside different sections : 

html { scroll-snap-type: y mandatory;
overflow-y: scroll;
scroll-behavior: smooth;}

body { scroll-snap-type: y mandatory;
 scroll-snap-type: y proximity; 
overflow-y: scroll;}

.scrollsection {scroll-snap-align: start;}

but it seems does not work : https://cosmopolitangolf.stefanato.com/ Have you kindly any suggestions ? Thanks in advance.

0
3 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #10335

Hi there,

Thanks for contacting us. Sorry to say that, customization support is fully prohibited from our support policy.

-Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #10346

Instead of code that may not work in all browsers use more universal code or ready plugin for smooth scrolling.

0
BA
Bikkli Creative Agency
Accepted Answer
4 years ago #11657

Scroll Snap Type, is super cool and is compatible with all recent browsers!

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type

The joomshaper team should seriously consider introducing scroll snaping on helix and sp builder, would clearly be a differentiating element in relation to your direct competition!

0