Sticky header jest sticky tylko do pewnego momentu scrollowania

Question

Witam,

jak w tytule - sticky header jest przyklejony do top'u strony tylko do pewnego momentu. Ucieka wraz ze scrollem strony do góry, kiedy kończy się pudełko z którym header sąsiaduje od dołu, czyli przy przescrollowaniu 100vh.

 

#header_sticky
{
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: sticky;
	top: 0;
	z-index:100;
}

Jakiś patent na to?

Answer 1

Zamiast sticky użyj  fixed chyba, że masz na początku element odsunięty od top: 0; to wtedy podmień wartość position w momencie przewinięcia o tą wysokość.

Różnica między fixed i sticky

Comments

Spróbuję, dzięki!