JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<a data-scrollto href="#comments">Comments &darr;</a>
<a href="http://www.google.com/#trap">Trap</a>
<h3 id="comments">Comments</h3><a data-scrollto href="#">Top</a> <a data-scrollto href="#top">Top</a>

CSS

h3 {margin-top: 1000px; -webkit-transition: all 0.5s ease-in-out;}
h3:target {}

a {text-decoration: none; margin-right: 10px;}
a:hover, a:active {text-decoration: underline;}

JavaScript

$$('[data-scrollto]').addEvent('click', function(ev){
    var el = this.get('href');
    el = (el == '#top' || el == '#') ? document.body : $$(el)[0];
    if(el){
        ev.preventDefault();
        new Fx.Scroll(window).toElement(el);
    }
});