Edit in JSFiddle

$(document).ready(function(){
    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('a[href="#myTopo"]').fadeIn();
        } else {
            $('a[href="#myTopo"]').fadeOut();
        }
    });

    $('a[href="#myTopo"]').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});
<a href="#myTopo" class="glyphicon glyphicon-arrow-up"></a>

<h2>Voltar para o Topo</h2>
<h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis molestias eos doloribus porro quas cupiditate quibusdam ratione itaque, rem ex eius labore molestiae blanditiis, quae voluptate, sequi magnam. Accusantium, officia.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, eaque, ducimus obcaecati eum, saepe doloribus, ipsam et officia doloremque amet dolore maxime nisi nam. Sit eos culpa nostrum nesciunt alias.</h4>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero iste maiores repudiandae! Necessitatibus facere sed error praesentium quis quo eum obcaecati quaerat? Natus nesciunt qui veniam, ab. Deserunt, laudantium, molestiae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magni atque nesciunt animi enim consectetur. Eius aut tenetur modi, alias totam, tempora, assumenda sapiente repudiandae libero, odit in hic delectus.</p><br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero iste maiores repudiandae! Necessitatibus facere sed error praesentium quis quo eum obcaecati quaerat? Natus nesciunt qui veniam, ab. Deserunt, laudantium, molestiae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magni atque nesciunt animi enim consectetur. Eius aut tenetur modi, alias totam, tempora, assumenda sapiente repudiandae libero, odit in hic delectus.</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero iste maiores repudiandae! Necessitatibus facere sed error praesentium quis quo eum obcaecati quaerat? Natus nesciunt qui veniam, ab. Deserunt, laudantium, molestiae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati magni atque nesciunt animi enim consectetur. Eius aut tenetur modi, alias totam, tempora, assumenda sapiente repudiandae libero, odit in hic delectus.</p>
a[href="#myTopo"]{
    padding:10px;
    position:fixed;
    top: 90%;
    right:40px;
    display:none;
    font-size: 30px;
}
a[href="#myTopo"]:hover{
    text-decoration:none;
}