From time to time, we need to fix & nbsp; smooth scroll & nbsp; between sections using so-called & nbsp; anchors . So we simply create a link and put nothing complicated in the href attribute of the & nbsp; # section-id we want to point to. However, the default behavior of browsers may not be nice at all in some cases, instead of smooth scrolling to a given section, the browser jumps and for a better user experience, this can definitely be solved better.
The most common and easiest option is to use smooth scroll, where the browser window moves smoothly to a given section. There are several ways to accomplish this, the most common is the & nbsp; jQuery solution, which might look something like this:
An unspoken CSS solution
Demonstration in practice
Everything looks beautiful and simple. The big disadvantage here may be the absence of speed settings and the smooth shift animation itself, but in most cases it is still not important.
The main problem at the moment is not much support from browsers, currently it’s & nbsp; only 78.08% . For more detailed support, see Data from Can I use: https://caniuse.bitsofco.de/embed/index.html?feat=css-scroll-behavior&periods=future_1,current,past_1,past_2&accessible-colours=false