Derulare ușoară în sus și în jos a paginii

Derulare ușoară în sus și în jos a paginii

În acest articol vă prezint o modalitate foarte elegantă de a face acest lucru. Implementarea cu un mic jQuery script care vă permite să derulați ușor pagina în sus și în jos. Plus o soluție CSS simplă pentru butoanele "Sus" și "Jos", fără imagini.







Scrierea melodică este bună ca pluginul din articolul precedent pe această temă, că atunci când pagina este în sus - butonul "Sus" este ascuns când butonul "Jos" este ascuns sub, unde sunt ajustate setările de înălțime pe care apare butoanele.

Pentru o demonstrație, uita-te doar în colțul din dreapta jos al acestei pagini!

Deci, tot ce avem nevoie este două linii de cod HTML. acestea vor fi butoanele noastre:







După cum puteți vedea, nu folosim imagini pentru implementarea săgeților indicând direcția derulării, acestea sunt implementate folosind caractere speciale ale Unicode, care sunt copiate și lipite.

Când folosiți caractere speciale, trebuie să efectuați două verificări:
1) bifați acest simbol pentru compatibilitatea cu browserul încrucișat - este afișat în toate browserele (se întâmplă că nu există);
2) verificați codificarea site-ului dvs. - trebuie să fie UTF-8;

Aceste linii sunt plasate acolo unde este convenabil în codul șablonului.
Aspectul și aspectul dorit de pe site sunt atașate utilizând CSS. Iată un exemplu de pe pagina demo:

În cele din urmă, "vinovatul", scriptul jQuery în sine


Poate fi plasat în fața lui . unii recomandă înainte există o alegere pentru dvs.
O valoare de 250 în scenariu arată: în prima linie, butonul va apărea atunci când pagina este derulată cu mai mult de 250 de pixeli, iar în al doilea rând, dispare când partea superioară este mai mică de 250 de pixeli.

Asta e tot, un script minunat pentru butoanele de defilare ale paginii :) Încercăm, împărtășim, bucurăm.







Trimiteți-le prietenilor: