.anchor

This is JS based component. Making scrolling smooth.

The task is to catch HTML anchor (link targeting to the id=""), cancel the default browser behavior (quick jump to the anchor) and smoothly scroll to the target, manually.

Animating $('html, body')
Animation duration is relative to distance but not less than 300ms.
If there is a fixed header, then the distance to the target should be reduced equally to the height of the header.
Using data-anchor-gap="" we can manually add extra pixels to the distance.
If possible, we could try adding an easing function like this one: https://easings.net/#easeOutQuint but we may need a JS library for that.
The target can be any tag with id="": <div id="foobar">...</div>. Or, the empty link with the name="" attribute:
<a name="foobar"></a> (href can be removed in this case).

Example:

Anchor to #foo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula felis ac tristique vestibulum. Maecenas fermentum feugiat dui aliquam euismod. Quisque dapibus nisi ac nunc mattis, vel tincidunt purus feugiat. Curabitur varius erat consequat urna consequat pulvinar. Suspendisse porta leo eu velit consequat, vel convallis urna sodales. Sed eget turpis eros. Sed tempus blandit urna, nec mattis leo lacinia blandit. Donec at efficitur neque, condimentum consectetur turpis. Aliquam erat volutpat. Aliquam tempor est euismod, tincidunt mi vitae, egestas ante. Aliquam pretium quis enim eu consequat. Fusce a felis malesuada, eleifend massa in, vehicula lorem. Sed convallis sagittis risus in aliquam. Nulla nec varius nisi, quis imperdiet tellus. Phasellus auctor enim eu lacus dictum rhoncus. Aenean finibus lectus nec tortor rhoncus euismod. Pellentesque non feugiat arcu. Aliquam faucibus, ligula nec fringilla faucibus, sapien lectus tempor nunc, eget euismod ante nibh sed velit. Quisque nec ante non justo ultricies gravida quis vel quam. Aliquam non ultrices quam, at posuere velit. Sed vel metus sit amet risus accumsan lacinia. Ut vestibulum mattis nulla, a laoreet eros varius vitae. Quisque eu ex ex. Vestibulum consectetur sit amet mi non efficitur. Donec eget ante porta, malesuada risus vitae, facilisis lectus. Cras et sagittis ligula. In varius massa velit, quis cursus diam pulvinar at. Integer porttitor arcu convallis ornare hendrerit. Nullam malesuada diam quis aliquet posuere. Duis at turpis venenatis arcu sagittis imperdiet at id nulla. Maecenas tempus interdum nunc, vitae vehicula quam auctor non. Pellentesque et finibus mauris, eu fermentum ipsum. Mauris pellentesque urna vehicula augue placerat consequat. Vestibulum hendrerit nunc in mattis bibendum. Curabitur sit amet sem condimentum, ultrices nulla in, varius diam. Pellentesque laoreet, odio vel pulvinar tincidunt, risus libero tempus felis, sit amet semper augue leo quis tellus. Nullam libero purus, commodo et eleifend ut, elementum eu odio.

#foo