Görgetés jquery
Enyhén bonyolítja a feladatot, és csatlakozik az oldalhoz egy kis parancsfájl - "TO TOP". A jobb alsó sarokban lévő oldalunkat böngészve egy ikon jelenik meg egy ikon felfelé - ez az ikon a blokkra kerül a fickó-tervezővel, így a kódot módosítani kell. És készítsünk egy kis keretet az alkalmazásunkhoz.
Az oldal fejlécében a jquery 1.7.2 kapcsolatot csatlakoztathatom a legfrissebb verzióhoz - nem lesz ütközés. Fontos-fantasztikus ikonokat használok - gyakran használom ezt a könyvtárat, véleményem szerint a webhelyek létrehozásához szükséges mindennapos munka ikonok legjobb gyűjteménye.
Stílusok fájlja és egy fájl szkriptekkel. A dokumentum végén három fő blokkunk látható: egy gomb a tetején, egy blokk egy asztériával és egy blokk egy tervezővel.
Adjuk meg az elemeink stílusait.
A blokkok simán megyek - ehhez hozzáadtuk a css tulajdonságot az átmenethez. A pozícionálás rögzítve van, és a negatív pozíciót minden blokkra állítja. A nulla pozícióval és az átmeneti tulajdonságokkal rendelkező osztály felvétele után elértük a blokk sima megjelenését.
De jQuery nélkül semmi sem fog működni;) Írjuk a kódunkat:
Mi a sok felesleges kód, amit mondasz. Miért nem kombinálhatja a gomb szkriptjét és a lebegő blokkunkat? Nem csak így osztottam meg ezt a két szkriptet. Először is, a TO TOP elem szkript már létezhet a webhelyén. Másodszor - ezt a cikket csak ennek az elemnek olvashatja;)
Ha a webhely már működik gombok tetején - ez a második egység a tervezőnek vetíteni a gombot, így fogjuk adjunk hozzá néhány sornyi kódot, és mi rejteni zavaró elem kijelzése közben a tervező és újra kijelzőn görgetve footer oldalon.