Встречается на собеседованиях • сегодня

Где взять свойства чтобы определить место где происходит scroll

Для определения позиции скролла можно использовать свойства DOM-элементов:

javascript
// Вертикальный скролл
const scrollTop = window.pageYOffset || 
                 document.documentElement.scrollTop || 
                 document.body.scrollTop;

// Горизонтальный скролл
const scrollLeft = window.pageXOffset || 
                  document.documentElement.scrollLeft || 
                  document.body.scrollLeft;

Для отдельных элементов:

javascript
const element = document.getElementById('scrollable');
const elementScrollTop = element.scrollTop;
const elementScrollLeft = element.scrollLeft;

Также можно использовать событие scroll:

javascript
element.addEventListener('scroll', () => {
  console.log(element.scrollTop, element.scrollLeft);
});

Кросс-браузерные нюансы:

  • pageYOffset/pageXOffset - современные браузеры
  • documentElement.scrollTop - для стандартного режима
  • body.scrollTop - для режима совместимости
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы