Кнопка наверх с учетом положение футера?

Question

[HOPMNC EVER]

Есть футер с шириной на всю страницу, и высотой 200px;
Когда футер не виден, кнопка "Наверх" расположена в 30px от нижней границы окна.
Когда футер виден, нужно чтобы кнопка была над футером по оси Y
Спасибо.

Answer 1

[Максим Тимофеев]

position: sticky;
https://developer.mozilla.org/ru/docs/Web/CSS/position
допустим 2 блока, 1 футер, над ним какой-то wrapper. Размещаете свою кнопку в блоке wraper и даете ей position: sticky; bottom: 30px; right: 30px; Радуетесь

Comments

[HOPMNC EVER]

Отличное решение, спасибо!

[Максим Тимофеев]

Andrey Lc, пожалуйста, есть правда классическая проблема с ie11, но по идее все равно будет нормально смотреться если сделать так

position: fixed;   /* для старых браузеров и ie */
position: sticky;

[aloky]

Andrey Lc, Максим Тимофеев, но вы не учли это https://caniuse.com/#search=sticky

[Максим Тимофеев]

aloky, учел и написал выше