Plug-in kapcsolók ezt a viselkedést és kikapcsolása (CSS értékét megváltoztatja a helyzetet a statikus fix), attól függően, hogy a tekercset pozícióját.
Példa 1) csatlakoztatott Navbar:
Példa 2) csatlakoztatott oldalsó panelek:
A rendszer segítségével a toldással, amikor felfelé és lefelé az oldalt, akkor a menü mindig látható és rögzíthető álláspontját.
Hogyan hozzunk létre egy fix navigációs menü
A következő példa bemutatja, hogyan lehet létrehozni egy vízszintes navigációs menü kapcsolódnak:
A következő példa bemutatja, hogyan lehet létrehozni egy függőleges navigációs menü kapcsolódnak:
például magyarázata
Add adatok kém = „toldással”, hogy a kívánt elemet csatolni.
Ha szükséges, adjunk hozzá az adatokkal offset-top | bottom tulajdonság kiszámításához a tekercset pozícióját.
Ez hogy működik
Ragassza plugin segítségével válthat a három osztályba. elhelyezi. elhelyezi-top. és .affix-alján. Minden osztály képvisel egy bizonyos állapotot. Meg kell adnia a CSS tulajdonságok kezelésére az aktuális pozíció kivételével összesen: rögzített .affix osztályban.
Hozzáteszi .affix-top vagy .affix-alsó osztály. jelezve az elem a legfelső és a legalsó helyzetbe. Pozicionálás CSS nincs szükség ebben az időben.
Végiggörget a mellékelt elem a tényleges mellékletet - Ez az, ahol a beépülő modul helyettesíti .affix-top vagy .affix-alsó osztályú .affix osztály (beállított pozíció: fix). Ezen a ponton meg kell adni CSS felső vagy alsó helyzetben az ingatlan csatolt tétel oldalon.
Ha az offset határozza meg az alsó görgetés elmúlt helyettesíti .affix osztály .affix-alján. Mivel az elmozdulás nem szükséges, a telepítés megköveteli, hogy állítsa be a megfelelő CSS. Ebben az esetben vegye fel a position: absolute, ha szükséges.
Az első példában a fenti, elhelyezi a plugin hozzáadja .affix osztály (összesen: fix) on
Scrollspy elhelyezi
Használata toldással beépülő plugin Scrollspy:
Vízszintes menü (Navbar)
Függőleges menü (Sidenav)
Teljes Bootstrap elhelyezi Referencia
A teljes osztályozási rendszere letette metódusokat és eseményeket, kérjük, menjen a Bootstrap JS elhelyezi Reference.