© 2021 WebHive

Неожиданная проблема с Window.scroll()

Нарвался на пренеприятнейший баг. В проекте перестал работать обработчик события scroll повешенный на window. Проблема возникла на ровном месте и перестал работать давно отлаженный код.

Дебаггинг ни привёл ни к чему — событие просто не вызывалось, при том, что код то был довольно банальным:

1
window.addEventListener('scroll', this.handleScroll);

Причина вызвавшая такую проблему оказалась довольно неожиданной — проблема крылась в CSS, а именно:

1
2
3
4
5
html, body {
...
overflow-x: hidden;
...
}

Видимо в процессе очередных дизайнерских наворотов добавили вот этот самый overflow-x который и отключает вертикальный скролл.

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

В любом случае проблема решена — может кому-то это решение и пригодится.

Комментарии