Если класс не существует, прокрутите до div

Question

Попытка заставить прокрутку 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
    });
  }

});

jquery html css

0

Rob 12 Июл 2017 в 18:56

2

Мне нравится ....

–

tech2017

12 Июл 2017 в 19:00

Просто примечание - вы можете сократить свое условие: if (!$('.class').length) должно работать :) с первого взгляда - похоже, этот код должен работать для меня, возможно, размещение html может помочь :)

–

treyBake

12 Июл 2017 в 19:27

Answer 1

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

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

jsFiddle Пример

0

CrazyPaste 12 Июл 2017 в 19:22

Answer 2

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

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

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

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

}

});

0

Kasunjith Bimal 12 Июл 2017 в 19:47

Если класс не существует, прокрутите до div

2 ответа

Похожие вопросы

Новые вопросы

jquery