Как узнать что скрол находится наверху?

Question

[Артем Кашапов]

условие в событии определяет находится ли скролл внизу.

как поменять на обратку?
например если скролл наверху то выполнять действия

просто listElm.scrollTop не помогает

const listElm = document.querySelector('#infinite-list');
    listElm.addEventListener('scroll', e => {
      if(listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
       console.log(listElm.scrollTop);
      }
    });

ссылка на codepen

Answer 1

[Сергей delphinpro]

scrollTop === 0

Comments

[Артем Кашапов]

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

[Сергей Сергей]

Mass1veDit, Но ведь только в обработчике и есть проверка на 0. И это не баг, это недоработка UI/UX. Пока можно добавить прокрутку к низу в loadMore, чтобы прокручивать к верху было необходимо по мере чтения.

[Сергей delphinpro]

Mass1veDit, я вам написал "как узнать что скролл вверху". Это был ваш вопрос.

Answer 2

[Semantic.Moscow]

через window.pageYOffset: console.log(window.pageYOffset);

Comments

[Артем Кашапов]

console.log(listElm.pageYOffset);
undefined

[Артем Кашапов]

когда скрол сверху просто висит.он не отправляет
делал так:
listElm.scrollTop === window.pageYOffset

[Semantic.Moscow]

Mass1veDit, так это только для окна (вьюпорта)

если нужно узнать позицию элемента, тогда: console.log(listElm.getBoundingClientRect())
* вам придётся из массива вытянуть значение индекса 'y':
console.log(listElm.getBoundingClientRect().y);

[Артем Кашапов]

Semantic.Moscow, он почему-то ссылался все равно на скролл вьюпорта,а не который внутри него
просто после успешного выполнения запроса я сделал

listElm.scrollTop = 5;
и сработало