Jquery Прокрутите до #ID с задержкой

Question

Я пытаюсь применить Scroll к div по истечении определенного количества времени. Этот код работает хорошо, поскольку он прокручивается с задержкой, но я не знаю, как применить его к определенному DIV ID.

 $(document).ready(function(){
setTimeout(function (){var scroll= $(window).scrollTop();
scroll= scroll+ 800; 
$('html, body').animate({scrollTop: scroll}, 5000);}, 5000);
});

Answer 1

Вы можете использовать метод offset(), чтобы получить положение top и left элемента в документе.

$(document).ready(function() {
  setTimeout(function() {
    //get the offset of the target in the page
    var scroll = $('#target').offset().top;
    
    $('html, body').animate({
      scrollTop: scroll
    }, 2000);
  }, 2000);
});

#target {
  background-color: red;
  width: 400px;
  min-height: 1400px;
  margin-top: 1000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>