Smooth Scrolling - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Smooth Scrolling

W

Wicky

Helix Framework 3 years ago

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

Thanks very much, M.W.

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #45492

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.

0
Pavel
Pavel
Accepted Answer
3 years ago #45490

Hi. Try this code

html, body {
    scroll-behavior: smooth;
}
0
W
Wicky
Accepted Answer
3 years ago #45496

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

0
Pavel
Pavel
Accepted Answer
3 years ago #45505

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.

0
W
Wicky
Accepted Answer
3 years ago #45551

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?

0
Pavel
Pavel
Accepted Answer
3 years ago #45562

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #45583

Thanks Pavel,

You gave me inspiration for Helix documenation update (last tip): https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/customization-tips

0
Pavel
Pavel
Accepted Answer
3 years ago #45609

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #45613

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

0