A rögzített menü a jquery-ban

Határon böngésző kompatibilitás ellenőrző script, kiderült, hogy tökéletesen működik minden új verzió, nehézségek vannak az Internet Explorer 9 a korábbi verziók, de semmi meglepő itt nincs jelen, ez jellemző a régebbi böngészők.

Remélem, sokáig használod az újakat.

Az első rész. Stílusok és js fájlok csatlakoztatása.

Először is csatlakoztassuk az összes szükséges stílust a szabványhoz és adjunk hozzá js fájlokat. amelyek szükségesek ehhez a szkripthez. Először csatlakoztatjuk a demo.css stílusfájlt.

Ezután csatlakoztatjuk a jquery-latest.min.js könyvtárat és a file menu.js könyvtárat, amely a menüben a behúzások és illesztések funkcionalitásáért, valamint az eredeti helyes pozícióért, magasságban beállítva.

Itt minden egyszerű, a standard menüt az ul li segítségével jelenítjük meg, és a shell egy blokk div elemet. amely az azonosító menüvel rendelkezik. interaktív, teljes mértékben a stílusok és a fájl menüjével.

Menjünk tovább a rögzített menü stílusaihoz, és írjuk le azokat a fő tulajdonságokat, amelyeknek kötelezőnek kell lenniük! Először írunk az azonosító menüre. háttér, pozíció és szélesség. Másodszor, mindez középen helyezkedik el és beállítja a magasságot.

Az egyedi tulajdonságok, amikor a lebegés, a keretek és a dolgok már a szépségért vannak, és opcionálisnak tekinthetők.

Most a legérdekesebbek vagytok. Mi felvenni a menünket, azon a szinten, ahol szükségünk van rá. Írjunk egy változó menüpontot, amelyben tároljuk a webhelyünk fejlécének magasságát. Ez lehetővé teszi az oldal görgetésénél, pontosan rögzítse a menüt a kívánt helytől a webhely fejlécétől. A változó elemben az azonosító menü tulajdonságait tároljuk, és beállítjuk a tulajdonság tetejét. jelezve, hogy a menü felül lesz, és a változó menüponttal összehasonlítva. kiszámítja a kívánt távolságot a sapkáról a menüre.

Erre búcsút mondok neked, a következő anyagig. A legjobb neked! Legyen sikeres hétvége!)

Kapcsolódó cikkek