Как найти элемент, который можно скролить?

Question

[Иван Иванов]

Например, страница на гугл картах
Тут можно скролить отзывы. Нужно найти элемент div который скролит отзывы. Как осуществить поиск на javascript? Я так понимаю надо отталкиваться от того, что элемент будет иметь css свойство overflow-y: auto; ?

Answer 1

[Эдуард]

function isScrollable(element) {
return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
};

isScrollable(document.body);

взято отсюда https://stackoverflow.com/questions/29956338/how-t... , по необходимости добавить проверки значений свойств overflow и overflowY через getComputedStyle()

Comments

[Иван Иванов]

Для моей задачи помогло, спасибо

let div = document.querySelectorAll('#pane div');
for (let i = 0; i < div.length; i++){
    let computedStyle = getComputedStyle(div[i]);
    console.log(computedStyle.overflowY);
    if(computedStyle.overflowY == 'auto'){
        div[i].scrollTop = 1000;
    }
}

Answer 2

[imko]

Ты положишь браузер если у всех элементов спросишь стили и попытаешься найти там overflow
Плюс прокрутка может быть реализована НЕ через overflow а каким-нибудь плагином который просто transform у элемента меняет
Первая проблема более менее обходится сравниванием высоты элемента со scrollHeight, на второй это не сработает.
В общем адекватного способа достоверно найти элементы с прокруткой не вижу(