CW
вот это делал
Size: a a a
2020 March 22
VG
Всем привет! Подскажите, как правильно сделать. Есть блок, который изночально прижат к низу страницы. Как только скролл доходит до футера, блок должен стать над футером. Хотел сделать на js это все, но возможно есть более простой и правильный вариант на css?
АК
Только content там не нужно дублировать
BC
Всем привет! Подскажите, как правильно сделать. Есть блок, который изночально прижат к низу страницы. Как только скролл доходит до футера, блок должен стать над футером. Хотел сделать на js это все, но возможно есть более простой и правильный вариант на css?
к сожалению в css нельзя отслеживать событие скролла, поэтому такое не получиться сделать на css
П
к сожалению в css нельзя отслеживать событие скролла, поэтому такое не получиться сделать на css
а что в жсе?
П
MagicScroll?
BC
MagicScroll?
я не использовал эту библиотеку, но можешь попробовать
П
я не использовал эту библиотеку, но можешь попробовать
а что используешь?
BC
хех, или чистый js, или реакт
BC
можешь простую функцию написать
BC
погугли про scroll js
П
ооо, в свзязке с зеленым носком, самое то
AP
Всем привет! Подскажите, как правильно сделать. Есть блок, который изночально прижат к низу страницы. Как только скролл доходит до футера, блок должен стать над футером. Хотел сделать на js это все, но возможно есть более простой и правильный вариант на css?
похоже на position: sticky
BC
похоже на position: sticky
зависит, какая обёртка
П
похоже на position: sticky
Скорее идея в том чтоб анимировать появление когда доскролил до конца, нет?
ИЛ
Сергей, крепитесь, тупость и невнимательность не стоит траты нервов.
VG
Скорее идея в том чтоб анимировать появление когда доскролил до конца, нет?
Немного не так. Изночально блок прижат к низу экрана, а как только достигает футера, должен оставаться над ним.
ИЛ
Немного не так. Изночально блок прижат к низу экрана, а как только достигает футера, должен оставаться над ним.
https://developer.mozilla.org/ru/docs/Web/CSS/position
position: sticky;
position: sticky;
П
https://developer.mozilla.org/ru/docs/Web/CSS/position
position: sticky;
position: sticky;
и просто поиграть со значением bottom
VG
и просто поиграть со значением bottom
Поиграть это значит js'ом считать?