Lebegő menü az oldalon a CSS
Azt hiszem, sokan látták a modern honlapok felső menüben, ami az egér scroll stick (fix), a képernyő felső részén. Tekintsük a módja annak, hogy e cél elérése érdekében.
A legegyszerűbb módja annak, hogy egy ilyen menü a szokásos css.
Tekintsük a példát in vivo. Tegyük fel, hogy van egy ilyen menü struktúrája (vízszintes, a képernyő felső részén).
Annak érdekében, hogy automatikusan tapadt az oldal tetején van elég hozzá stílus:összesen: fix; - Lehetővé teszi a kívánt menü tetején az oldal
top: 0px; - azt jelzi, hogy a menü indul az oldal tetején.
left: 0px; - eltolja a menü a képernyő bal oldalán
Tehát nem trükkös módszerrel tudjuk kijavítani bármilyen menüt a képernyő tetején.
A teljes kód például stílusok:
Csak váltani az elsődleges az oldal tartalmának összegével a magassága a menüben. Mert ha miután egy ilyen menüt jelenít meg olyan tartalmat, a menü bezárul. A probléma elkerülése érdekében tegye a padding a test tetején, vagy div a tartalommal. Mint ez: szervezetben.
fix tulajdonság gyakran használják, hogy egy úszó háttérben. Például, ha kell görgetni az oldalt háttérben maradt a helyén, és a helyszínen görgetni. Ehhez, akkor használja a következő stílus:
lásd még
- Hogyan hozzunk létre egy lebegő gombot a weboldal html + css
- Kap kijelöl egy CSS stílus JQuery
- Hozzon létre egy ablakot a képernyő közepén JQuery + css: pozíció abszolút
- Css alkalmazni minden eleme a számla
