Dlaczego witryny przełączają widoczność nagłówka na przewijaniu?

Celem tej funkcji jest wsparcie założonej intencji użytkownika: jeśli użytkownik przewija w dół, musi czytać treść - więc pomóż im, usuwając nagłówek z drogi.

1. Jak ukryć nagłówek na swoim zwoju?
2. Jaki jest lepki nagłówek na stronie internetowej?
3. Są lepkie nagłówki dobre?

Jak ukryć nagłówek na swoim zwoju?

Funkcja ToggleHeader ()

Ta funkcja odbiera kierunek i kwotę przewijania jako parametry. Dodaje klasę ukryj, gdy kierunek jest w dół, a kwota przewijania jest większa niż 52px (wysokość nagłówka). W przeciwnym razie usuwa klasę ukryj.

Jaki jest lepki nagłówek na stronie internetowej?

Lepkie nagłówki (lub trwałe nagłówki) są wspólnym wzorem do utrzymywania nagłówka witryny lub aplikacji w tym samym miejscu na ekranie, podczas gdy użytkownik przewija na stronie. Wersja tego wzoru to częściowo lepki nagłówek, który (re) pojawia się u góry strony, gdy tylko użytkownik zacznie przewijać.

Są lepkie nagłówki dobre?

W rzeczywistości wczesne badanie wykazało, że stałe bary nawigacyjne golą 36 sekund od pięciominutowej wizyty na stronie internetowej. Inne badanie wykazało, że wdrożenie lepkiej nawigacji na stronie e-commerce było w stanie zwiększyć konwersję o prawie 3%. To świetny doładowanie, nawet przed optymalizacją strony produktu.