Как исправить анимацию прокрутки JQuery? - PullRequest
Новая
       24

Как исправить анимацию прокрутки JQuery?

0 голосов
/ 16 февраля 2019

этот код работает, он вернет меня снизу вверх, но то, что он не оживляет.Кто-нибудь может мне помочь в этом? 

$('.topScroll').click(function(){
        $("html, body").animate({scrollTop : "0px"},"fast");
});

Ответы [ 2 ]

0 голосов
/ 16 февраля 2019

ОК, так как кажется, что у тебя все еще проблемы.Код, который вы разместили - работает .Ну, так как вы не поделились HTML, я могу только предположить вашу точную разметку и среду.

  • Поместите jQuery и ваш код прямо перед закрывающим тегом тела.
  • При необходимости используйте Event.preventDefault()

Рабочий пример: 

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>topScroll - example</title>
  <style>
    body { height: 300vh; }
    .topScroll { position: absolute; top: 200vh;}
  </style>
</head>

<body>

  <header id="top">
    <h1>Scroll down...</h1>
  </header>
  <a href="#top" class="topScroll">GO TO TOP</a>


  <script src="//code.jquery.com/jquery-3.1.0.js"></script>
  <script>
    $(document).on('click', '.topScroll', function(ev) {
      ev.preventDefault(); // Prevent browser doing default stuff on anchor/button click
      $("html, body").animate({scrollTop: "0px"}, 500);
    });
  </script>
  
</body>
</html>
0 голосов
/ 16 февраля 2019

Вы можете попробовать замедлить анимацию, используя микросекунды, следующим образом: 

$("html, body").animate({scrollTop : "0px"},1200);
...