javascript - Hidasta selaa ylöspäin tapahtumaan jQuery animoimalla

original title: "javascript - Slow down scroll to top event by jQuery animate"


Translate

I'd like my page to go to the top when certain anchor is clicked.

Here is how I tried to do it but it's not working, it's scrolling super fast.

 $('a[href=#top]').click(function () {
        $('body').animate({
                scrollTop: 0
        },
        50);
});

I want to slow it down.



Haluaisin, että sivuni ylöspäin, kun tiettyä ankkuria napsautetaan. Yritin tehdä tämän, mutta se ei toimi, se vierittää erittäin nopeasti. $ ( 'A [href = # top]'). Klikkaa (toim ...

Tämä on yhteenveto käännöksen jälkeen. Jos haluat tarkastella koko käännöstä, napsauta käännä-kuvaketta


Kaikki vastaukset
  • Translate
    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
    });
    

    Perhaps?


  • Translate

    When you pass 50 as the second parameter to animate, that is 50 milliseconds. See the animate documentation. Either pass a larger number, or as c0mrade suggested, simply pass 'slow' .


  • Translate

    you can set the time for scroll top

    $('a[href=#top]').click(function(){
     $('body').animate({
         scrollTop: 0},4000);});
    

  • Translate
    $('a[href=\\#top]').click(function(){
      $('body').animate(
        {
          scrollTop: 0
        }, 
        2000
      );
    });
    

    The # should be escaped \\#.