Как высчитать отступ?

Question

[an]

Как отсчитать отступ если у блока нет определенной высоты?
допустим
я фиксирую футер к низу, но он не имеет конкретной высоты
а контейнеру над ним нужно задать отступ снизу от футера, что бы он не налезал на футер
ps
нужен эффект, когда один блок остается на месте, другой при прокрутке съезжает с него
по этому футер делаю position fixed

Comments

[Сергей delphinpro]

Да эта проблема стара как мир. Могли бы и сами нагуглить десятки решений под разные кейсы.
footer at bottom

Answer 1

[Ankhena]

В современном мире никто не высчитывает для этого отступ и футер не прибивают к низу позиционированием.

Это делают либо флексами либо гридами.
https://codepen.io/AnnaSummer/pen/gOvbEdB

Comments

[an]

нужен эффект, когда один блок остается на месте, другой при прокрутке съезжает с него
по этому футер делаю position fixed

[Ankhena]

an,

а контейнеру над ним нужно задать отступ снизу от футера, что бы он не налезал на футер

нужен эффект, когда один блок остается на месте, другой при прокрутке съезжает с него

Определитесь, пожалуйста.

Если вам действительно нужен fixed, то получайте высоту на JS и присваивайте кастомному свойству. Очень удобно.

[an]

Ankhena, как определяться
мож не ясно расписал
что бы контейнер не занимал часть футера сверху, если я конкретно дам отступ, то на другом мониторе может быть маловато отступа
контейнер position relative z-index 2
футер position fixed z-index 1

а можно пример на js?

[strelok011]

an, было бы понятнее, если бы вы приложили эскиз страницы и указали где какая прокрутка нужна. Вполне вероятно можно это решить не прокруткой страницы а прокруткой контейнера контента например. В этом случае можно обойтись версткой на флексах и футер будет всегда внизу на экране (если хотите)

[Ankhena]

an, поддерживаю @strelok011
Покажите на картинках или видео, какого эффекта наложения нужно добиться?

Может, вам sticky нужен?