Butonul Script - în sus - pe site-ul, butonul de sus pentru site-ul

Există un mod foarte simplu de a oferi utilizatorului o funcțională. Această metodă nu necesită implicarea unor biblioteci sau scripturi suplimentare și a făcut exclusiv cu HTML și, dacă se dorește, cu activarea CSS, prin crearea unei legături interne comune.

Pentru a face acest lucru, oriunde, în partea de jos a paginii, pur și simplu adăugați următorul cod:

După cum puteți vedea link-ul dat de clasă .topbutton folosind care, cu ajutorul CSS, puteți face orice link, aspectul dorit, de exemplu, vizualiza același buton.

În stilul de site-ul dvs., ele de obicei urmează să fie introduse în fișierul style.css:

- Defilare nu va fi netedă, iar după apăsarea utilizatorul va fi redirecționat imediat la partea de sus a paginii.

Avantajele acestui tip de buton:

+ Pentru a opera butoanele nu trebuie să utilizați script-uri și mari, în volum, a bibliotecii. Și acest lucru este un plus foarte mare.

derulați în sus și în jos pe JQUERY

Această soluție permite să se deplaseze atât în ​​jos și în sus de pagini t. K. Constă din două butoane. Butoanele fixe situate pe partea stângă a paginii. Atunci când se face butoanele de defilare clipit ușor.

Arhiva de descărcare va conține toate fișierele necesare pentru butoanele de operare. Acest CSS, JS fișiere și imagini pe care le-am găsit trăgătorul.

Butonul Defilare lină folosind JQuery

O altă variantă a conținutului paginii de defilare organizare buna de jos in sus, folosind JQuery. Butonul este situat în partea din dreapta jos a paginii, și apare doar în cazul în care un pic proskrolit jos a paginii. Toate puse în aplicare cu ajutorul unei piese mici de CSS și codul JS, precum și o imagine mică este folosită ca un buton.

Îmi place acest buton, astfel încât să nu necesită crearea unui număr mare de script-uri, în același timp, are efecte bune.

Acum ne uităm la ceea ce trebuie făcut pentru a conecta butonul de la site-ul

Veți avea nevoie de o imagine a butonului în sine poate lua orice, și poate utiliza acest lucru:

Pentru a apela butonul după conținutul principal al paginii sau înaintea locului tag-ul următorul cod HTML:

Cu acest cod, cu excepția aspectului, vom defini poziția butonului și liniuța 100 px la dreapta și de jos 50 px. Cel mai bine este de a adăuga un fișier la stiluri site-ului.

Pentru a începe, conectați biblioteca, în cazul în care nu este conectat la site-ul tau. Pentru a face acest lucru, etichetele . ? se introduce următorul text:

Apoi, imediat după biblioteca de conectare, trebuie să găsiți codul de mai jos JQuery:

În primul rând scrollTop - determină poziția curentă a barei de defilare verticală și dacă acesta este mai mare de 100 px, apare în mod automat butonul. Dacă doriți să apară mai devreme sau mai târziu se schimbe în valoare direcția dorită.

După cum puteți vedea, există două opțiuni - 0 - înseamnă că pagina este defilat până la începutul pixelului la zero și 600 - este viteza animației în milisecunde.