Változás az aktív menüpontot, ha az oldal görgetése
Nagyon gyakran odnostranichnikah lehet elégíteni ezt a darabot, ha elkezd görgetni, akkor a felső menü simán megy neked és attól függően, hogy mit nézünk részén, a menüpont lesz kiemelve (lásd demo).
Mindezt úgy, hogy a felhasználók könnyen navigálni odnostranichnike és hogy pontosan tudta, hol van most.
Elvileg megvalósítani ezt az elképzelést nem olyan nehéz, de annak a ténynek köszönhető, hogy a mail nem jön kisbetűk kérdéseket létrehozni ezt a funkciót, elhatároztam, hogy írok egy rövid cikket erről.
Elképzelések végrehajtása, van, hogy HTML-szerkezet a mi úszó menü
Ezután hozzuk létre a szerkezet a tartalma is odnostranichnika. Ez áll az egyes szakaszok (részek). Minden ilyen szakaszok fogunk adni egy egyedi azonosítót.
Ezt meg kell egyeznie az értéket, amely a href linkek menü, amely logikusan utal ebben a szakaszban.
Most adjunk hozzá egy kis stílust a menüből.
Itt lehet kérni, amit szeret, az egyetlen dolog, amit érdemes megemlíteni, meg kell követelni, hogy jelezze a linkszabályt osztály .active.
A mi szakaszok (részek), én nem stílus, nem viszik, mert bármi lehet, ez nem befolyásolja a funkciót.
Nos, most egy kicsit jQuery. Ennek alapján vettem a forgatókönyvet, amelyet mutatja be ezt a cikket. Igaz némi változás, még mindig túlélte.
Ebben a kódot, elvileg nem kell változtatni semmit, kivéve, ha az értéke menu_selector. Meg kell tartalmaznia az osztály neve, vagy azonosítója, csomagolja a menüben. Ha a menü van csomagolva nem a tag egy ízléses .top_menu. akkor módosítsa ezt az értéket.
By the way, ha több, mint egy jQuery plugin helyett a fenti tetején jQuery kódot, akkor csatlakoztassa a dugót jquery.changeActiveNav.js oldal (ez a kiegészítő anyagok).
És akkor csak inicializálás.
Írtam ezt a plugint magam, de valójában ez áll azonos jQuery kódot, amelyet a fent meghatározott. Csak tele, hogy a plugin formátumban a könnyebb használat érdekében a különböző helyszíneken.
Most, ha te mindent helyesen, akkor keresni.
Mivel mi arra kérjük, hogy grade .active bizonyos CSS stílusokat, de most a menüpont osztják kell.
Ha egyszerűen kattintson a menüpont, ez fog történni görgetve a megfelelő fejezetre.