Как прижать подвал к низу страницы и при этом оставить событие scroll работоспособным?
1. Все крайне элементарно и просто:snippet2. А вот так будет, если есть контент (та же разметка и CSS):snippetUpdate. Почему я поставил flex для тега html и почему я не использовал единицы viewport (vh/vw)? Если использовать 100vh для высоты, тогда в iOS Safari и Android Chrome (сразу после загрузки) страница по высоте будет выходить за пределы видимой области. Это происходит из-за того, что 100vh — высота окна браузера со сжатым интерфейсом, а сразу после загрузки страницы интерфейс не схлопнут. Именно поэтому flex и 100%.
https://codepen.io/tyzberd/pen/aPJxEW?editors=1100 все норм с скролом