[SOLUCIONADO] hacer el scroll hasta el tope de pagina de manera mas suave?

[kukiko11]

supongo que se puede hacer con jquery... porque de momento tengo un div que al hacer click me lleva al tope de pagina pero de manera instantanea y brusca... quiero darle un fecto de mas suavidad a la hora de subir por decirlo asi... algun codigo simple que logre esto?

aca les dejo el div con el que scrolleo hasta el tope:

<div id="volvertop" onclick=location.href="#"> </div>

gracias de ante mano

[Zenok]

Hay muchos ejemplos en internet, solo hay que buscar un poco. Lo que necesitas es animate().

Código Javascript:

$(document).ready(function()
{
    $(document).on('click', '#up', function() 
    {
        $("body").animate({ scrollTop: 0 }, 500);
        
        return false;
    });
});
 

[kukiko11]

Iniciado por Zenok

Hay muchos ejemplos en internet, solo hay que buscar un poco. Lo que necesitas es animate().

Código Javascript:

$(document).ready(function()
{
    $(document).on('click', '#up', function() 
    {
        $("body").animate({ scrollTop: 0 }, 500);
        
        return false;
    });
});
 

utilice el script que escribiste pero el div no hace la accion no hace nada... como si no leyera el onclick, que podria estar fallando? el codigo lo tengo asi:

tu script

y el <div id="volver top"> </div>

obviamente remplace el #up por el id del div

[Zenok]

¿Tienes la librería jQuery en tu sitio web?

Aquí puedes verlo funcionando:

[kukiko11]

Iniciado por Zenok

¿Tienes la librería jQuery en tu sitio web?

Aquí puedes verlo funcionando:

es raro... aplique el mismo ejemplo en mi pagina y lo que hace es recargarla... mas no la subida al top.. la libreria que tengo incorporada es esta:

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

[kukiko11]

epa man, ya logre que funcionara... el problema estaba en a ubicacion del script... lo tenia desde un documento externo (raro no funcionaba) lo pase y lo puse en el mismo documento y listo ... gracias por la ayuda :D

[g3kdigital]

Hola!

Lo cierto es que a mi tampoco me funciona el snipet.

http://codepen.io/g3kdigital/pen/YwZmNR