Smoothscroll v0

Minden akkor valószínűleg észre egyes oldalakon a hatás, ha görgetni a egér kerék vagy a billentyűzet segítségével, ha az oldal a site tekercsek simán, nem a spurts, és a végén az animáció simán lassul teljesen leáll. Ez a hatás már jelen van a Firefox böngészőt, és ha emlékezetem nem csal, ugyanez a hatás érhető el az Apple eszközök (iPhone, iPad, stb), de más eszközökkel és egyéb böngészők, így nincs hatása, és lapozzunk az oldalt van egy „szaggatott ”.

A plugin hatását közvetlenül ezen az oldalon tekintheti meg. Próbálja meg kikapcsolni a szkripteket az oldalon, és összehasonlítani az eredményt.

Ebben a cikkben megmutatom, hogyan érheti el ugyanazt a hatást a webhelyén, függetlenül az eszköztől és a böngészőtől.

Az első dolog, amit tennünk kell, hogy töltse le a jQuery plugint.

A fájl letöltése után kapott jquery.smoothscroll.js csatlakozni kell az oldalt a webhely (mind a Google, meg kell csatlakoztatni a forgatókönyvet, mielőtt a záró body).

Ezzel befejezheti a cikk olvasását, mivel a szkript csatlakoztatását követően már megkapta a kívánt hatást.

Azok számára, akik szeretnék finomítani a forgatókönyvet maguknak, nézzük meg a rendelkezésre álló lehetőségeket.

Amire szükség lehet a konfiguráláshoz, ezeket a paramétereket választottam ki:

• görgesse az animációs sebességet
• a görgetési magasságok egy óramutató ciklusban az egeret görgetették (nem a kerék forgását, nevezetesen a sebességet)
• lépést görgetni egy gombnyomással ↓ ↑ → ←

A görgető animáció időtartamának megváltoztatásához módosítsa a 600-as értékét ebben a sorban a sajátjára: