Іноді сторінка поширюється на прокрутку до buttom (наприклад, у соціальних мережах), щоб прокрутити вниз до кінця (кінцева деталь сторінки), я використовую цей сценарій:
var scrollInterval = setInterval(function() {
document.documentElement.scrollTop = document.documentElement.scrollHeight;
}, 50);
А якщо ви перебуваєте в консолі JavaScript браузера, може бути корисним можливість зупинити прокрутку, тому додайте:
var stopScroll = function() { clearInterval(scrollInterval); };
А потім використовувати stopScroll(); .
Якщо вам потрібно перейти до конкретного елемента, використовуйте:
var element = document.querySelector(".element-selector");
element.scrollIntoView();
Або універсальний скрипт для автоматичного прокручування до певного елемента (або інтервал прокрутки сторінки):
var notChangedStepsCount = 0;
var scrollInterval = setInterval(function() {
var element = document.querySelector(".element-selector");
if (element) {
// element found
clearInterval(scrollInterval);
element.scrollIntoView();
} else if((document.documentElement.scrollTop + window.innerHeight) != document.documentElement.scrollHeight) {
// no element -> scrolling
notChangedStepsCount = 0;
document.documentElement.scrollTop = document.documentElement.scrollHeight;
} else if (notChangedStepsCount > 20) {
// no more space to scroll
clearInterval(scrollInterval);
} else {
// waiting for possible extension (autoload) of the page
notChangedStepsCount++;
}
}, 50);
