Как сделать, чтобы футер появлялся ( из под контактов), а не просто показывался (как доскролили)?

Question

[fantastikgodd]

что бы появлялся из под контактов (плавно) - как доскролили

https://jsfiddle.net/9bwq0evx/4/

Answer 1

[Артур Ш]

выставить ему в css position: fixed; bottom:0; left:0;width:100%

Comments

[fantastikgodd]

Артур Ш , так он ведь всегда будет показываться

[Артур Ш]

А вы уже сделали и он прям показывается сразу? https://art-sites.ru/ посмотрите как тут сделано. Там правда анимация на скролл повешена, но это не обязательно. И да лучше position:sticky

[fantastikgodd]

Артур Ш, задачу так и не сделал

спасибо, но насколько я вижу в примере блок перед футером - не дают position:sticky
а нюанс в том, что ему также он нужен

[Артур Ш]

fantastikgodd, в примере что именно не так, как вам нужно?

Answer 2

[MamaLuyba]

Плавно - это transition, появление - это анимация. Осталось только проверить, что элемент в фокусе (тут через скрипты).

Comments

[fantastikgodd]

MamaLuyba , так поэтому и тэг js
у вас слишком общие слова
понятно что на скриптах нужно

[fantastikgodd]

MamaLuyba , проверить что в фокусе не проблема

[MamaLuyba]

fantastikgodd, ну вот - раз в фокусе, значит присваиваем класс, в котором анимация всплытия