Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan lehet ilyen navigációs...

Hogyan lehet ilyen navigációs menüt készíteni?

Figyelt kérdés

Lefelé lapozva eltűnik majd "visszaugrik" animációval a fejléc.


[link]


2022. márc. 29. 13:25
 1/8 anonim ***** válasza:

Sticky headernek vagy scroll fiex headernek hívják.

Amióta CSS-ben a position-nek lehet "sticky" értéket adni, azóta nagyon egyszerű megoldani: [link]


De sticky nélkül sem egy bonyolult valami: [link]

2022. márc. 29. 13:51
Hasznos számodra ez a válasz?
 2/8 anonim ***** válasza:
65%
css ebben nem fog segiteni, ez javascript. a stickyvel max odaragasztod a kepernyore, de nem fog sehova ugralni. azt js-szel lehet megcsinalni
2022. márc. 29. 14:20
Hasznos számodra ez a válasz?
 3/8 anonim ***** válasza:
Dehogynem működik. Meg kell adni a position: sticky-t és egy top értéket, és tökéletesen működik: [link]
2022. márc. 29. 15:05
Hasznos számodra ez a válasz?
 4/8 anonim ***** válasza:
65%
ez statikus, nem nyilik ugy le mint a linkelt oldalon
2022. márc. 29. 15:08
Hasznos számodra ez a válasz?
 5/8 anonim ***** válasza:
77%

És még kávét sem főz, a fene egye meg...

Az egyik legrosszabb dolog, ami a webbel történt, hogy minden szir-szarhoz JS-t használnak a fejlesztők, általában totál feleslegesen. Teljesen jó példa erre ez az animált sticky header.

2022. márc. 29. 18:50
Hasznos számodra ez a válasz?
 6/8 anonim ***** válasza:
egyetertek, en is utalom. foleg a reactot
2022. márc. 29. 21:59
Hasznos számodra ez a válasz?
 7/8 A kérdező kommentje:
A kérdés kiírását követően egyébként 10 perccel megoldottam, egyébként (csak mivel) utálom a front-enddel való cseszekedést, részben egyetértek veled Balázs, de közel sem nevezném legrosszabbnak. Ha ez kell az ügyfélnek ¯\_(ツ)_/¯
2022. márc. 29. 22:57
 8/8 anonim ***** válasza:
Azt én sem értem hogy miért nem tudták le position:fixed-el. :)
2022. márc. 31. 12:43
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!