Efectul de derulare lină în JavaScript

Efectul de derulare lină în JavaScript

Pentru a anima pagini defilare, sau orice alt element, vom folosi Force.js.

Force.js - este o modalitate simplă de a anima defilare sau un alt element de pe pagină.

Force.js suporta chiar ca browsere mai vechi care nu acceptă proprietatea de tranziție.

utilizarea

Pentru a începe să utilizați biblioteca, descărcați-l pe site-ul oficial și conectați:

Pentru a descărca, puteți utiliza Bower:

umbrarul instala forță-js

Deci, cum ai face o tranziție lină pe o pagină? De fapt, foarte simplu. În acest scop se force.jump () funcția.

element de var = document.getElementById (# 'element id #');

// salt la obiect
force.jump (elementul);

// salt la selectorul
force.jump (# '# element id #');

În plus, biblioteca are de asemenea funcția force.move ().

element de var = document.getElementBy (# 'element id #');

// salt la obiect
force.move (element de ,, 1000);

// salt la selectorul
force.move (# '# element id #' ,, 1000);

Acesta poate fi folosit pentru a anima orice obiect pe pagină, de exemplu, cercuri, demonstrând că puteți vedea pe site-ul oficial.

Vă mulțumesc pentru atenție!

Recomanda acest articol unui prieten:

Daca ti-a placut site-ul, link-ul pentru a-l (pe site-ul dvs., pe forum, în contact)

Se pare ca acest lucru:

  • referință BB-cod ​​pentru indexul (de exemplu, puteți pune-l în semnătura):