Корневой скроллер и как его не потерять 📜
Зачем сохранять корневой скроллер страницы и как избежать потери нативных возможностей прокрутки.
Килиан Валкхоф подробно объясняет, на что способен главный скролл-контейнер страницы: он автоматически восстанавливает позицию скролла, обрабатывает навигацию с клавиатуры (пробел и стрелки), а на мобилках умеет прятать адресную строку и включать pull-to-refresh.
Главная проблема: если завернуть всё содержимое в обертку с фиксированной высотой и overflow: auto, вы фактически подменяете корневой скроллер. Из-за этого отваливаются нативные фичи, а window.scrollY намертво застревает на нуле.
Автор показывает, что для большинства частых кейсов — будь то полноэкранные макеты, sticky-шапки или блокировка прокрутки под модалками — есть решения, которые позволяют сохранить честный скролл страницы.