Faites défiler vers le haut de la page

Est-il un moyen simple de forcer le navigateur pour faire défiler vers le haut si on clique sur un bouton?

J'ai essayé

jQuery('html').scrollTop();
jQuery('body').scrollTop();
jQuery(window).scrollTop();

Aucune d'entre elles semblent faites défiler vers le haut de la page.

source d'informationauteur James Wilson

  1. 45

    En raison de croix-navigateur singularité, certains navigateurs répondre à 'html' et certains de 'body'. Et c'est peut être ma chance, mais .scrollTop(0) n'a jamais travaillé pour moi de déplacer la page. Donner un coup de cette:

    jQuery('html,body').animate({scrollTop:0},0);

    Cette version est testée et de la croix-navigateur pour tous les navigateurs de bureau et les appareils mobiles.

  2. 19

    Simple javascript, travaille également dans le mobile

    window.scrollTo(0,0);
  3. 6

    Vous pouvez utiliser ceci:

    jQuery('body').scrollTop(0);

    ou ceci:

    jQuery(window).scrollTop(0);

    ou enfin ceci:

    jQuery('html').scrollTop(0);

    Donc, pour appeler la scrollTop méthode et de faire de votre faire défiler la page, vous devriez passer un argument avec la valeur numérique représentant la scrollTop position. Sinon il ne fonctionnera que si vous avez besoin pour obtenir le scrollTop position.

    Deux dernières méthodes devrait travailler constamment dans tous les navigateurs, tandis que la première peut ne pas fonctionner dans certaines versions de IE.

  4. 1

    Puisque personne n'a mentionné le code HTML requis je vais l'ajouter ici.

    D'abord créer votre point d'ancrage de l'élément:

    <a href="#" title="Scroll to Top" class="ScrollTop">Scroll To Top</a>

    Note la classe est référencé par la suite jQuery.

    Puis ajouter votre jQuery:

    $(document).ready(function(){
  $('.ScrollTop').click(function() {
    $('html, body').animate({scrollTop: 0}, 800);
  return false;
    });
});

    De régler la vitesse de l'animation de changer le "800" valeur.

  5. 0

    C'est le navigateur croix de chemin,

    function scrollableElement(els) {
    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
        var el = arguments[i],
        $scrollElement = $(el);
        if ($scrollElement.scrollTop()> 0) {
            return el;
        } else {
            $scrollElement.scrollTop(1);
            var isScrollable = $scrollElement.scrollTop()> 0;
            $scrollElement.scrollTop(0);
            if (isScrollable) {
                return el;
            }
        }
    }
    return [];
}

var scrollElem = scrollableElement('html', 'body');

$(scrollElem).scrollTop(0);

    Code de css-tricks