scrollReveal.js

May isang kalakaran sa Web disenyo ngayon kung saan ang mga tao ay madalas na pumili ng isang solong pahina ng layout para sa kanilang buong site.

Habang ito ay maaaring hindi inirerekomenda maliban sa mga kaso kung saan hindi mo na magkaroon ng maraming nilalaman upang ipakita, isang-pahinang mga website ay matatagpuan sa isang regular na batayan sa Web Design showcases at ay lubos na isinasaalang-alang ang pamantayan mga araw.

scrollReveal.js ay kapaki-pakinabang para sa mga naturang mga site sa partikular, higit sa lahat dahil ito dahan-dahan ay nagpapakita nilalaman sa isang pahina bilang ang scroll user ito.

Ang aklatan ay maaaring magamit sa iba pang mga uri ng mga disenyo ng website gayon pa man, ngunit ito akma one-page linear sites mas mahusay na sa aming opinyon.

scrollReveal.js gumagana sa pamamagitan ng pagpapaalam sa developer tukuyin ang isang tiyak na uri ng magbunyag ng animation para sa isa o higit pang mga elemento sa pahina.

Maaari niyang i-customize ang effect na ito at pag-uugali nito gamit ang iba't ibang uri ng mga parameter na ibinigay sa pamamagitan ng ito plugin. Lahat ng ito ay detalyadong sa README file ng library.

Developers ay maaaring kontrolin ang anumang facet ng animation, na ginagawang scrollReveal.js lubos isang nakakatawang tool upang magkaroon sa paligid, lalo na kung hindi mo gusto ang pangkalahatang paraan ng mga pahina ay load ngayon.

Ano ang bago sa ito release:.

• Nagdagdag ng suporta para sa pagpapasadya simula elemento opacity
• Ipatupad requestAnimationFrame.
• Refactor paano styleBank function.

Ano ang bago sa bersyon 2.3.1:.

• Nagdagdag ng suporta para sa pagpapasadya simula elemento opacity
• Ipatupad requestAnimationFrame.
• Refactor paano styleBank function.

Ano ang bago sa bersyon 2.3.0:.

• Nagdagdag ng suporta para sa pagpapasadya simula elemento opacity
• Ipatupad requestAnimationFrame.
• Refactor paano styleBank function.

Ano ang bago sa bersyon 2.2.0:.

• Nagdagdag ng suporta para sa pagpapasadya simula elemento opacity
• Ipatupad requestAnimationFrame.
• Refactor paano styleBank function.

Ano ang bago sa bersyon 0.1.2:

• Added suporta para sa mga elemento na may posisyon:. Nakapirming

Ano ang bago sa bersyon 0.1.1:

• Mga Fixed isang malubhang bug sa ipasok top at ipasok kaliwa hindi tama ang pagkilala ng pixel distance ipinahayag sa paglipat keyword.

Ano ang bago sa bersyon 0.1.0:

• scrollReveal.js ngayon ay may isang dist folder na naglalaman ng AMD / CommonJS compatibile library.
• Gulp ay isinama, na tumutulong sa bumuo ng proseso.

Ano ang bago sa bersyon 0.0.4:

• scrollReveal hindi na destroys ang mga umiiral na estilo attribute sa nagsiwalat mga elemento, ngunit sa halip, ngayon nagkakabit ng mga kinakailangang magbunyag ng animation estilo pagkatapos ng anumang umiiral na mga estilo.

Ano ang bago sa bersyon 0.0.3:

• Inalis -moz- & -o- mula css transition at transforms.
• Idinagdag top-line komento, nagbabalak, na inyong ingatan matapos minification.

Ano ang bago sa bersyon 0.0.2:

• scrollReveal hindi na awtomatikong instantiates sa kaganapan DOMContentLoaded. Ito ngayon ay nangangailangan na magbigay ng halimbawa ng mo ito nang manu-mano.
• Maaari na ngayong ipasa ang iyong sariling panimulang default sumasalungat sa scrollReveal constructor.
• Ang reset keyword ay idinagdag. Ngayon, maaari mong i-configure ang iyong mga animation upang i-replay tuwing ilalagay nila ang viewport.
• Ngayon ay maaari mong palitan ang ilipat keyword sa easing mga keyword upang kontrolin ang easing ng iyong ihayag animation.

Kinakailangan

• JavaScript pinagana sa client side

Limitasyon

• scrollReveal.js ay pa rin sa ilalim ng mabigat na pag-unlad at maaaring baguhin drastically mula sa bersyon na bersyon.