Smooth scrolling - Forum | JoomShaper
Solved Helix Framework

Smooth scrolling

Asked by Mathias Wickles - Werbewelt Wickles 4 years ago Last activity 4 years ago

Hi together,
is there a chance to make a smooth scrolling onepager with template "Finance"?

Thanks very much,
M.W.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi,

You can follow pavels code.

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

8 more replies

Pavel

Hi. Try this code

html, body {
    scroll-behavior: smooth;
}
Mathias Wickles - Werbewelt Wickles Asked this

Hi togehter. Thanks vor quick solution. But it don´t work on firefox. Edge is better, but not so nice like i know from templates like QUBIC or RESTORA.
Please take a look once more...
Thank you

Pavel
4 years ago · edited

But it don´t work on firefox.

Firefox my priority browser, and everything works fine. Firefox one of the first browsers, which implemented scroll-behavior. I checked it on demo of Finance template and it works great.

OK, try such code.

* {
    scroll-behavior: smooth;
}

If it does not work, then it seems there is a problem on your side. Old browser or something like that. Update all your browsers.

Mathias Wickles - Werbewelt Wickles Asked this

Ups - sorry - my fault. Better check correct links in menu.
Now it works wonderful.

Thanks again!

PS: Last thing.... Is it possible to make scrolling less hectig? More slow - smoother?

Pavel

It is not posable via css. In that case you should use your own js or third party extension for smooth scroll instead of css solution above

Pavel

Hi Paul. You are wellcome.

But as far as I understand, it is already coming out of the box in HU 2 (scroll-behavior: smooth;). Therefore, this advice is more suitable for old templates built on Helix 3 or HU 1.x

Paul Frankowski Senior Staff
4 years ago · edited

Oh, thx, indeed from BT5. I will update text.

Log in to reply.