Активировать элемент в прокрутке

91
7

Я пытаюсь использовать эффект автопрокрутки на своей странице, поэтому после того, как видео воспроизводится, веб-сайт будет медленно прокручиваться вниз, позволяя пользователю читать содержимое без активной прокрутки.

Тем не менее, как только я дойду до дна, я хочу, чтобы он автоматически остановился. В настоящее время он будет продолжать прокручивать бесконечно, делая невозможным прокрутку резервной копии после того, как вы достигнете дна.

Это код, который у меня есть для прокрутки и задержки (чтобы разрешить воспроизведение видео):

<script>
function pageScroll() {
window.scrollBy(0, 1);
scrolldelay = setTimeout('pageScroll()', 10);
}
</script>

<body onLoad="setTimeout('pageScroll()', 14000)">

Thanks for your help!

</body>

спросил(а) 2021-01-19T15:14:54+03:00 9 месяцев, 1 неделя назад
1
Решение
92

Функция pageScroll должна выглядеть так:

function pageScroll() {
// Start interval - run the function every 1000 ms
var interval = setInterval(function () {
window.scrollBy(0,1);
// Did the scroll reach the bottom of the page?
if (document.body.scrollHeight === document.body.scrollTop + window.innerHeight) {
// Cancel the interval
clearInterval(interval);
}
}, 1000);
}

JSFiddle - https://jsfiddle.net/dngwv4pr/2/

Больше информации:

ответил(а) 2021-01-19T15:14:54+03:00 9 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема