Toți ați observat, probabil, pe unele site-uri efectul când defilați roata mouse-ului sau prin utilizarea tastaturii, atunci când pagina sulurilor de site-ul fără probleme, nu în spurts, iar la sfârșitul animației încetinește ca lin până la o oprire completă. Acest efect este deja prezent în browser-ul Firefox, și, în cazul în care memoria mea mă servește, același efect este disponibil în dispozitivele Apple (iPhone, iPad, etc), dar și pe alte dispozitive și alte browsere, astfel încât nu există nici un efect și derulați pagina există o „sacadată “.
Puteți evalua efectul pluginului direct pe această pagină. Încercați să dezactivați scripturile din pagină și să comparați rezultatul.
În acest articol, vă voi arăta cum să obțineți același efect pe site-ul dvs., indiferent de dispozitiv și browser.
Primul lucru pe care ar trebui să-l facem este să descărcați pluginul jQuery propriu-zis.
După descărcarea fișierului jquery.smoothscroll.js obținute trebuie să se conecteze la paginile site-ului dvs. (în termeni de Google, trebuie să conectați un script înainte ca organismul de închidere).
Pe aceasta puteți termina citirea articolului, deoarece după conectarea acestui script ați obținut deja efectul dorit.
Pentru cei care ar dori să regleze scenariul pentru ei înșiși, să ne uităm la opțiunile disponibile.
Din ce ar putea fi necesar să configurați, am selectat acești parametri:
- derulați viteza de animație
- înălțimile de derulare într-un singur ciclu de ceas mișcau mouse-ul (nu rotația roții, și anume baterea)
- deplasare pas cu o apăsare a unui buton ↓ ↑ → ←
Pentru a schimba durata animației de derulare, schimbați valoarea de 600 în această linie cu cea proprie:
Trimiteți-le prietenilor: