Фокус на блок при нажатии на кнопку

Question

Смотрите, допустим, я нажимаю на кнопку и ниже проявляется блок, к примеру вне видения пользователя. Ниже того что он видит. Как сделать так чтобы при нажатии на эту кнопку появлялся блок и пользователя фокусировало на блок ниже. То есть есть страница опускалась плавно до блока. А не оставалась на текущем месте. Желательно чистый css/html/js без чего либо. Сделайте примерный код в комментариях пожалуйста. Особой стилизации не нужно. Спасибо заранее.

Answer 1

Возможно, вам нужно это?:

$('button').on('click', function() {
  $('.block').show();
  $('html,body').animate({
    scrollTop: $('.block').offset().top + "px"
  }, {
    duration: 1E3
  });
});

body {
  height: 2000px;
}

.block {
  margin: 200px;
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Кнопка</button>
<div class="block">Скрытый блок</div>

БЛОГ НА HUSL

Фокус на блок при нажатии на кнопку

Ответы (1 шт):