Выполнять действия во время jquery .animate ()

Question

Выполнять действия во время jquery .animate ()

0

У меня есть этот маленький фрагмент кода, чтобы сделать прокрутку браузера вверху:

$('html, body').animate({scrollTop: 0}, 500, "easeOutQuart");

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

Luis Gallego 28 апр. 2014, в 18:34

Источник

Теги:

javascript

jquery

html

2 ответа

0

Вы можете скрыть полосу прокрутки на некоторое время, а затем снова включить

 var htmlBody = $('html, body');
 htmlBody.css("overflow","hidden")
         .animate({
             scrollTop: 0
          }, 500, "easeOutQuart",function(){
                htmlBody.css("overflow","auto");
          });

Проверьте этот FIDDLE

Amit Soni 28 апр. 2014, в 13:36

Ещё вопросы

JoDev · Accepted Answer · 2014-04-28T13-25-00.000Z

Отключите его непосредственно перед вызовом анимации и включите его в опции обратного вызова анимации:

//Disable here

$('html, body').animate({scrollTop: 0}, 500, "easeOutQuart", function() {
    //enable here
});