XF 2.2 How can I add smooth scrolling

[Hareon]

I am thinking if add smooth scrolling is a good idea and I want to test, but what can I do to add and ajust this?
Something in extra.less?

 

[Old Nick]

Something in extra.less?

Maybe… you can try.

scroll-behavior: smooth;

 

[Hareon]

Maybe… you can try.

scroll-behavior: smooth;

I will put this in extra.less? Nothing happened.

 

[CedricV]

Try:

:root {
scroll-behavior: smooth;
}

 

[Hareon]

It still didn't work in extra.less.

 

[CedricV]

:html {
scroll-behavior: smooth;
}


Not sure if this will work, might need to try with a JS script.

 

[Paul B]

Just html { scroll-behavior: smooth; } should do it.

 

[Mr Lucky]

I will put this in extra.less? Nothing happened.

Always double check you are looking at the same style as the extra .less template you edited. I cannot count the number of times this caught me out.

 

[Hareon]

Hmmm not working.

Always double check you are looking at the same style as the extra .less template you edited. I cannot count the number of times this caught me out.

I am using the corretc theme.



I don't know if I am doing it wrong. All codes posted in extra.less are OK. But this smooth is not working here.

 

[Old Nick]

Note that scrolls performed by the user, are not affected by this property.
This affects, for example, scrolling between 2 sections of the same page via a link, like <a href="#top">Top</a>