Hogyan készítsünk egy fix menü görgetés közben
A poszt, úgy vélem, két kérdést:
- hogyan kell rögzíteni a menü görgetés közben, amikor a navigációs egység „nyomott”, hogy a képernyő felső részén (egy egyszerű megoldás, hogy a CSS és jQuery).
- plusz egy időben beszélni görgetés rögzíteni fix menü, ami nem egészen működik helyesen nélkül hack.
Az információ hasznos a kezdők, valamint levelet magamnak, mert Hasonló problémák merülnek fel időről időre. Nem megyek bele a részletekbe az összes kód részeit fogja mutatni csak az alapvető árnyalatokat. A gyakorlatban tanácsot másolni ezeket a példákat, és próbálja őket a projektek, és a teljesen kezdőknek - nézd szolgálat tanulás elrendezés internetezés nehéz.
Fix menü CSS + HTML
Tehát vegyük az egyszerű szerkezet egy HTML oldal:
Néhány szöveg példát.
A CSS stíluslap hozzá:
A logika a következő funkciók - ha a felhasználó a görgetés vagy az alábbi oldalt 136 képpont fentről, az f-nav osztály adunk a menüben. és megfogalmazta az ismerős helyzet: fix és top: 0.
Lapozzunk a horgony fix menü
Ez a helyzet a legvalószínűbb a leszállás. A screenshot probléma még jobban látható:

A StackOverflow talált két megoldás, amely csak a CSS.
Ahhoz, hogy hozzon létre egy rögzített tagolt első dolog, amit adjunk hozzá egy bizonyos stílust, például horgony: