Как сбросить Jquery Анимация на странице? - PullRequest
1 голос
/ 10 апреля 2020

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

$("#toUp").click(function(){
    $("html,body").stop().animate({ scrollTop: "0" }, 1000);
    $(this).animate({bottom:"auto",top:"0"},1000);
    setTimeout(function(){
        $("#toUp").css({top:"auto",bottom:"10"});
    }, 1000);
});

Codepen: Мой проект Codepen

1 Ответ

1 голос
/ 10 апреля 2020

В конце анимации добавляется top: 0 к элементу #toUp.
Итак, рассмотрим добавление 100 мс к методу setTimeout (т.е. 1100 мс).

$("#toUp").click(function(){
  $("html,body").stop().animate({ scrollTop: "0" }, 1000);
  $(this).animate({bottom:"auto",top:"0"},1000);
  setTimeout(function(){   
    $("#toUp").css({top:"auto",bottom:"10"});
  }, 1100);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...