Achieving a smooth scroll effect with internal links on a page

[cathaloregan]

Hi, I previously had the theme set up so that any hyperlinks created within the same page, say to jump from a link at the top of the page (e.g. jump to bottom of page) to an anchor at the bottom of the page (

Bottom of page

) would so so with a smooth transition, rather than an immediate jump. This effect has somehow now disappeared, so any links are behaving with the sudden, immediate jump, rather than the smooth transition I am looking for. I can’t remember what I previously did to achieve the smooth transition effect. Grateful if you could remind me how to achieve this! Thanks,

[cathaloregan]

Hi - I think I’ve found a solution, to be inserted into the Global CSS file:

html {
scroll-behavior: smooth;
}

It seems to work very nicely. Any other suggestions about better alternatives welcome. thanks,

[prakash_s]

Hello @cathaloregan,

Thanks for writing to us.

Glad that you were able to find the solution. Alternatively, you can install “Smooth scroll” plugin to achieve this feature. You can install it from our bundled plugin. Go to X/Pro —>Vallidation–>Extensions–>Smooth Scroll

In case if you haven’t seen our doc of Smooth Scroll please have a look at it.

Smooth Scroll | Themeco Docs

Thanks