Animación scroll en enlaces con punto de ancla

Sencilla Animación scroll en enlaces con punto de ancla de manera automática, los enlaces han de ser identificadores sin usar la url absoluta:

$(document).on('click', 'a[href^="#"]', function (event) {
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top - 60
    }, 500);
});

¿Se podría ver un ejemplo de lo que hace? Igual me interesa implementar ese código en JavaScript puro, es decir, sin jQuery. Saludos.