comment faire défiler vers le haut, mais pas instantanément?

Question

En ce moment, J'utilise

window.scrollTo('#body') 

pour le défilement vers le haut de la page, mais son tout à fait instantanée et semble étrange. Donc, je voulais une fonction qui défile vers le haut après un clic de bouton en bas mais pas instantanément.

Answer 1

En utilisant la Animer jQuery serait la voie la plus directe pour le faire. Mais dans le cas, vous voulez coller à JS pur, vous pouvez faire:

function scrollUp() { 
    window.scrollBy(0, -10); // change this '10' as needed to control the smoothness of the scroll 
    if(window.pageYOffset > 0) setTimeout(scrollUp, 10); 
} 

scrollUp(); 

Answer 2

pourquoi ne pas utiliser jquery

$ ('corps') animer. ({ScrollTop: 0});

Answer 3

a fait quelque chose il y a quelques jours et recherché un certain temps similaire pour une solution facile, mais tweeked:

Le code fait partie d'un projet .net, mais je pensais que je coller depuis que vous avez taguée javascript-events il ainsi que. Il fonctionne après un panneau de mise à jour.

<script type="text/javascript"> 
// <![CDATA[ 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(resetPosition); 

    function resetPosition() { 
     //prm._scrollPosition.y = 0; 
     //window.scrollTo(0, 0); 
     //$(window).scrollTop(); 
     $("html, body").animate({scrollTop: 0}, 100); 
    } 
// ]]> 
</script> 

Donc, pour le bouton clic:

$(function(){ 
    $("#myButton").click(function(){ 
     $("html, body").animate({scrollTop: 0}, 200); 
    }); 
});