Попытка заставить прокрутку jQuery правильно работать для приведенного ниже кода.

Обычно, когда класс k.state-disabled не активен, я показываю кнопку под названием #checking.

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

Первая часть работает (показывает кнопку #checking), но прокрутка не работает ...

$(document).ready(function(){

  if($(".k-state-disabled").length === 0) {
    $( "#checking" ).show();

    $('html,body').animate({
      scrollTop: $("#step1").offset().top
    });
  }

});
0
Rob 12 Июл 2017 в 18:56
2
Мне нравится ....
 – 
tech2017
12 Июл 2017 в 19:00
Просто примечание - вы можете сократить свое условие: if (!$('.class').length) должно работать :) с первого взгляда - похоже, этот код должен работать для меня, возможно, размещение html может помочь :)
 – 
treyBake
12 Июл 2017 в 19:27

2 ответа

В вашем вопросе не так много информации, поэтому я просто собрал рабочий пример, аналогичный тому, что вы пытаетесь выполнить.

$("html, body").animate({ scrollTop: $("#scrollablediv").offset().top})

jsFiddle Пример

0
CrazyPaste 12 Июл 2017 в 19:22

Вы можете попробовать этот код, чтобы проверить, правильно ли работает состояние.

$ (Документ ) .ready ( функция ( ) {

if($(".k-state-disabled").length === 0) {
    $( "#checking" ).show();

  $('html, body').animate({
    scrollTop: $("#step1").offset().top
}, 2000);

}

});

0
Kasunjith Bimal 12 Июл 2017 в 19:47