Hogyan, hogy a nyíl - fel - Online
Az egyik lehetőség, hogy javítsa használhatóságát az oldalon - ez telepíti a nyilak segítségével a tetején. Most nézzük meg, hogyan kell ezt csinálni.
Azt kell mondanom, ez a példa csak akkor működik, jQuery. Jelenleg ez van jelen szinte minden helyszínen.
Először is szükségünk van egy rajz a legtöbb nyilak. Premnozhestvo őket. Ha beírja a keresési Yandex lekérdezés „tetején lévő nyílra”, kapunk egy nagy számú szép kezét. Ha szükséges, akkor megadhatja, hogy ő volt a PNG (átlátszó háttér). Találunk a kedvenc, letöltés. Mi lesz feldolgozni a Photoshop (vagy valaki, ahol a kényelmes) kell lennie, például 60-60 pixel.
Most majd a nyilat fel az oldalra.
Tesszük ezt a CSS tulajdonság - háttérben. Van egy lehetőség, mint a legtöbb, mert több módon irányítani elem. De ez, mintha valaki hozzászokott.
Add a CSS-stíluslap a következő stílus:
Amit írtam itt?
Az első két tulajdonság (szélesség és magasság) a méret a kép. Ők lehet változtatni, hogy bármilyen méretű.
Következő (háttér) adja meg az utat, hogy a képeket.
Az ingatlan kurzor: pointer; - teszi az egér egy tanfolyam formájában az ujját, s középpontjában egy témát.
A következő 4 tulajdonságok (összesen: fix; alján: 30px; bal: 50%; margin-left: 520px;) szoros kapcsolatban vannak. Az első felvesz egy tárgyat az oldalon, azért, hogy a görgetés görgetni nem befolyásolja a pozícióját. A következő 3 tulajdonságait tedd jobbra képest az eredeti helyzetbe. Ezen adatok alapján lehet kísérletezni, ahogy szeretné.
És utolsó tulajdonság teszi egység fel az összes elemet az oldalon.
Most, hogy az az oldal alján írja:
Nézd mit megvan. A készülék most hová szeretnénk, de eddig nem reagál a gomb megnyomásával. Ez most.
Minden oldalt az oldal, ahol ezt a blokkot fel a következő kódot:
Most, amikor a nyílra kattintva az oldalon gördül a csúcsra. Természetesen JQuery kell már csatlakoztatva.
A kód a fenti, van néhány 500. Ez az az idő, amely alatt az oldalt kell elérni a csúcsra. Meg lehet változtatni, ahogy szeretné.
Úgy tűnik minden, de nem. Amikor az oldal, így a tetején, nem kell ezt a nyilat. Ebben az esetben adja meg a következő kódot:
Most, amikor az oldal görgetése kevesebb, mint 100 képpont, a nyíl a felső eltűnik. Ellenkező esetben jelenik meg. Nagyon kényelmes.
Azonnal megjegyzem, hogy ez a példa nem fog megfelelően működni az Internet Explorer <9 версии. Связано это с тем, что они не поддерживают свойство position: fixed;. Но в последнее время пошла тенденция отказа от заточек сайтов под старые IE, поэтому я тоже решил не нагружать лишний раз сайт скриптами для IE.
Egy példa a cikkben leírt, én csak rájöttem, ezen az oldalon. Ellenőrizni tudja;)