Latające nagłówki

Question

Cześć ! Mam pewne pytanie i prośbę o pomoc... na swojej stronie mam heder w którym jest zdjęcie o wysokości 1080px oraz 100% szerokości witryny. Chciałbym aby w centralnej części obrazka przeskakiwały nagłówki...tzn nagłówek <h1> a pod nim jedno zdanie, i tak kilka nagłówków. Niestety szukałem już w internecie czegoś na ten temat ale nie wiem zbytnio jak to nazwać.

Comments

Ten efekt ma być widoczny podczas scrollowania? Możesz poglądowo pokazać jakiś screen/gif z tym efektem?

Obstawiam, że potrzebny Ci position: fixed z CSS:

• https://developer.mozilla.org/en-US/docs/Web/CSS/position#Fixed_positioning
• https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning#Fixed_positioning

---

Mam coś takiego:

ZDJĘCIE

No i teraz gdy scrolluję w dół to to logo zostaje w miejscu i pojawia się dalsza część strony. Menu widoczne na górze jest sticky. I chciałbym aby centralnie na środku, tego obrazka przelatywały właśnie takie nagłówki, tylko nie wiem jak to się " fachowo " nazywa :(

O a jak się najedzie na te nagłówki to pojawiają się zazwyczaj takie kropki pod tymi nagłówkami ( widziałem kiedyś coś podobnego na innych stronach ) oraz czasami strzałki po bokach w celu przeskoczenia na inny "nagłówek" bądź może slajd bo ze zdjęć też coś takiego robią.

Tak z lewej do prawej, i żeby to odbywało się tylko i wyłącznie na tle tego obrazka.

---

Szukaj pod hasłem "carousel" podrzucam przykład: Owl Carousel demo

---

o coś takiego mi chodziło ! dzięki bardzo !

Tylko teraz jak dodać to na zdjęcie ?