Sală de clasă săgeată netedă parcurgeți pagina în sus cu jquery și css

Bună ziua, dragi cititori ai blogului. Astăzi aș vrea să vă spun cum să faceți o săgeată frumoasă pentru derularea automată din partea de jos a paginii utilizând CSS și jQuery. Această metodă poate fi utilizată pentru orice tip de site, inclusiv bloguri WordPress. Vă asigur, nu este nimic complicat aici, trebuie doar să adăugați un scenariu și nu multe stiluri, asta e totul :-)







Sală de clasă săgeată netedă parcurgeți pagina în sus cu jquery și css

Exemplu Ι Descărcați surse

În primul rând, va trebui să atașăm biblioteca JQuery la site. Desigur, dacă nu aveți, dacă merită, săriți această parte.

Aici aveți nevoie doar de etichete și puneți următoarele:

Apoi, din nou înainte de etichetă Trebuie să atașați săgețile din script-ul jQuery. Puteți să o descărcați cu un exemplu și un cod sursă aici. Acum adaugam:

În cazul meu a funcționat astfel:

În cele din urmă, trebuie să obțineți următoarele:

Dar asta nu e tot, acum avem nevoie pentru a face shooter să lucreze, pentru asta, din nou între și puneți următorul script:







Și acum, după ce ne-am confruntat cu scripturile jQuery, trebuie să adăugăm stiluri CSS. așa să spun decorați butonul. Nici măcar nu pentru a decora, dar în general ar putea fi văzută :-)

Cel mai important, nu uitați să schimbați legătura cu imaginea în stiluri, în caz contrar săgețile nu vor fi vizibile.

Asta e totul. Asigurați-vă că vă uitați la exemplul a ceea ce am făcut

Alexandru, ai un blog foarte bun, cognitiv și bine făcut, cu navigație excelentă. Toate articolele sunt scrise simplu, fără "bloat". Cel mai enervant atunci când oamenii au descărcat scenariul „burghez“ în sine nu înțelege nimic, iar in articol, există puține dovezi că el a inventat, așa, de asemenea, „învață“ cum să facă un astfel de lucru, nu scrie nimic cu adevărat, și a acoperit doar termenii director. Așa că am citit doar bloguri străine și sunt foarte mulțumit de faptul că avem un astfel de blogger ca tine, și apoi doar pentru puterea offensively)))

Igor, ce cuvinte :-) Sunt atât de încântat, sincer! Mulțumesc foarte mult. Voi încerca, sincer! În ceea ce privește navigația, o mulțumire deosebită, deoarece pentru mine această opinie este foarte importantă. Și mă bucur că pentru utilizatori este convenabil. Multumesc din nou :-)

Sanya, bine, nu pot să o fac așa cum fac, fac bine. Am atașat biblioteca, am inserat scenariul, i-am alocat calea, am aruncat poza, i-am atribuit calea în stiluri, sa adăugat scriptul săgeții.
Ei bine, nu există și asta este. )
Există multe exemple de acest fel în rețea, dar cel sugerat de dvs. îmi pare mai simplu.
Nici măcar nu știu ce să fac :(
Pi.Si. Chrome browser.

Dmitry, trebuie să văd cum faci totul. Pe site-ul dvs., nu am văzut biblioteca atașată.







Trimiteți-le prietenilor: