Прокрутить страницу не на 100px а на 100vh

#javascript #html #jquery #css

Приветствую.

Вопрос:
Как сделать кнопку, которая прокрутит страницу не на определенное количество пикселей,
а на 100vh что равно 100% высоты окна.

Если у блока высота будет 100vh, то он будет растянут на всю высоту блока, какая
бы там высота не была.
    

Ответы

Ответ 1

Вам нужно повесить обработчик событий на button(к примеру). Чтобы при нажатии кнопки,
экран прокрутил страницу на высоту страницы, можно написать функцию, где будет:

window.scrollBy(0, window.innerHeight);


Сама кнопка, примерно так:






Ответ 2

Используя jQuery с плавной прокруткой:



$("#scroll").click(function() {
  $('body').animate({ scrollTop: '+=' + window.innerHeight }, 'slow');
});
.area {
  height: 200px;
  margin-top: 10px;
  background-color: black;
}











+= требуется для относительного скроллинга.