efekt odkrywania/zakrywania diva divem

[itpawel]

W jaki sposób zrobić w css tj. na wykop.pl, że środek strony jest ruchomy - przewija się, a pod jej koniec powoli odkrywany jest div z nieruchomym footer?

bo gdy dam na footer: fixed, to będzie on cały czas na wierzchu, zamiast wyłaniać się powoli ku końcowi strony.

[dwadolary]

Daj z-index dla footera mniejsze niż dla kontenera z treścią.

https://codepen.io/pqt/pen/bNByOj

[itpawel]

Właśnie coś nie chce współpracować z-index z fixed, można dać wartość na minusie ale wtedy całkowicie zniknie div

 

 ww. efekt można uzyskać bez java,jquery?

[dwadolary]

Przykład bez js'a: 

https://codepen.io/tamedia/pen/ByPyBP

 

Żeby z:index trybiło, musi być zadeklarowane position. Tutaj, jak widzisz, wystarczy, że kontener ma z-index:2 i position:relative, a footer fixed i bottom: 0; 

 

Żeby po scrollu pojawił się footer, kontener musi mieć odpowiednie margin-bottom.