Я ищу решение, чтобы div прилипал к нижней части страницы при начальной загрузке (position:fixed, bottom:0, padding:30px), менял его CSS при прокрутке мимо определенная точка на position:relative, bottom:auto, padding:60px 30px 0. Высота div составляет 96 пикселей.
Я нашел здесь старое решение в stackoverflow, которое работает почти идеально: jQuery код для изменения положения элемента при прокрутке
Однако он измеряет «точку разрыва» сверху, и поэтому он отличается от браузера к браузеру (изображение со 100vh покрывает изначально видимую часть страницы).
Есть ли способ изменить JS для расчета таким образом, чтобы гарантировать одинаковое значение для разных браузеров? Я не очень хорошо знаком с jQuery и Javascript, поэтому сам не могу разобраться.