Как ограничить скроллинг страницы до определенного высоты/элемента?
Имею такую проблему:
При создании сайта с адаптивной версткой в самом начале неточно задал высоту блока body, а после того, как разместил в нем все нужные элементы, понял, что остается лишнее место внизу страницы. Изменяя высоту блока body, все его дочерние элементы теряют прежний вид, так как имеют процентные размеры относительно родительского.
Пытаюсь найти решение не меняя высоту у body. Просто останавливаю скроллинг страницы на определенном значении document.documentElement.scrollTop, но проблема в том, что очень часто при скролле этот событие пропускается.
Может есть какое-то решение другого плана? Если есть возможность самому как-то задать высоту прокрутки страницы, чтобы игнорировать высоту ее содержимого, это было бы то что нужно.
Задавать высоту body - это какая-то дикость, если честно.
Да еще и завязывать на это дочерние элементы.
А если нужно будет еще 2 блока добавить?
А если произвольное количество?
Если отвечать конкретно на вопрос - можно навесить обработчик на событие window.onscroll, брать смещение, и если оно выше нужного - скроллить обратно до смещения.
Но это огромный костыль и будет дергано выглядеть, как мне кажется.
Простой