Botão voltar ao início para Blogger

Olá amigos Mult-focos, estamos trazendo neste post uma ferramenta muito útil para blogs de páginas muito longas é o botão voltar ao início para Blogger.

Veja um demo clicando a aba Result no Box de códigos.


Sem nenhuma configuração a fazer, exceto se queira mudar sua posição no template, já que está configurado para ficar do lado direito (right), você pode usá-lo do lado esquerdo (left) ou no meio (Center).

Para adicionar copie o código da aba JS do Box de códigos e cole em um gadget, se não sabe como faz este procedimento aprenda AQUI. Isto é tudo.

---

function scrollTo(element, to, 

duration) {

    // http://robertpenner.com/easing/
    // t = current time, b = start value, c = change in value, d = duration
    Math.easeInOutQuad = function(t, b, c, d) {
        t /= d / 2;
        if (t < 1) return c / 2 * t * t + b;
        t--;
        return -c / 2 * (t * (t - 2) - 1) + b;
    };

    var start = element.scrollTop,
        change = to - start,
        currentTime = 0,
        increment = 20,
        animateScroll = function() {
        currentTime += increment;
        var val = Math.easeInOutQuad(currentTime, start, change, duration);
        element.scrollTop = val;
        if (currentTime < duration) {
            setTimeout(animateScroll, increment);
        }
    }; animateScroll();

}

document.getElementsByTagName('button')[0].onclick = function() {
    scrollTo(document.documentElement, 0, 1000);
    scrollTo(document.body, 0, 1000);
};

See the Pen BVAI by Mairink (@Oemes) on CodePen.

---

---