Hogyan készítsünk egy gomb „felfelé”, mint VKontakte, a tervezés és fejlesztés a helyszínen
Jó napot kívánok. 🙂
Szinte minden a telek van egy gomb, ami visszaadja a látogató a lap tetején, ha az alján vagy éppen az alatt a weboldal tetején.
Oldalamon már a leckét szentelt, hogyan lehet a visszatérés a fel gombot, akkor nézd meg ezt a cikket -
Ugyanebben a cikkben, szeretnék egy kicsit modernizálása a lecke, és egy új gomb a formában, amelyben készítették a helyszínen VKontakte.
Azok számára, akik érdeklődnek a megjelenés és a teljesítmény, a visszatérés gombot, hogy megindítja a megvalósításában a megfogant.
Az elején meg kell adnia a jQuery könyvtár. Meg kell csatlakoztatni, ha még nem tette meg korábban.
Leggyakrabban a könyvtár csatlakozik a fejléc vagy lábléc. Ha úgy döntött, ahol jobb Ehhez helyezze be az alábbi kódot
Miután a könyvtár szeretne csatlakozni egy script, amely megjeleníti a gombot, és simán vissza a látogató a lap tetején.
Ez a szkript több lehetőséget, hogy be lehet állítani, és testre szabhatja a.
- +100 - ez a magassága pixelben, amelynél a mozgás lelassul, amikor mászni.
- -10 - magassága pixelben, ami görgeti a forgatókönyvet, hogy emelkedik fel.
- 20 - érték milliszekundumban egyenlő 0,02 másodperc, amelyre a képpont 10 görgetése a fentiekben meghatározott.
- > 200 - a magassága a felső oldal, amelyen a gomb megjelenik vagy eltűnik függően a mozgás irányát.
- 250 - száma ezredmásodperc egyenlő 0,25 másodperc. Az animáció a megjelenése és eltűnése.
Végül meg kell adni stílusok, hogy a helyes kilátást a gombot, amely a formájában egy áttetsző csík a bal oldalon.
Most minden. Ellenőrizni tudja, hogy a gomb működik. Ha meg akarjuk változtatni a megjelenését és mégis távol a stílus VKontakte, akkor cserélje ki az összes joga, de óvatosan, hogy ne zavarja a működését egy gombot.
És melyik oldalon szeretne, és a jobb elhelyezés gombok a tetején vagy az alján?
Ez minden, köszönöm a figyelmet. 🙂
Szia kedves barátom
Van AdBlock telepített bővítmény vagy hasonlók. Add oldalamon a fehér listát, és így vnesesh hozzájárulnak kialakulásához. Arról, hogy hogyan tiltsa AdBlock szeretné ezt az ablakot