Niin, kuinka selaimen avointa sivua vieritetään alusta loppuun ja takaisin, JavaScript koodia käyttäen.
Kuinka sivua vieritetään
Anonyymi
3
151
Vastaukset
- Anonyymi
Puhtaalla JS:llä voit käyttää vaikka scrollTo() funktiota;
https://www.w3schools.com/jsref/met_win_scrollto.asp
Jos haluat, että vierys on animoitu, eikä vain suoraan hyppää haluttuun kohtaan, voit kutsua tuota esim. funktiossa, jonka ajastat kutsuttavaksi monta kertaa vaikka SetTimeout tai SetInterval funktioita käyttäen.
Vaihtoehto B on tietysti käyttää kirjastoa, jossa animointi on implementoitu valmiiksi. Muistaakseni jQueryssäkin taisi olla . . .- Anonyymi
Niin ja unohtui mainita animointia varten on järkevämpikin funktio on puhtaassa JS:ssä eli
window.requestAnimationFrame()
https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame - Anonyymi
Anonyymi kirjoitti:
Niin ja unohtui mainita animointia varten on järkevämpikin funktio on puhtaassa JS:ssä eli
window.requestAnimationFrame()
https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrameKunpa tuon vierittämisen täytyisi tapahtua niin että, esimerkkisi täällä, joka ainoa viesti piirrettäisiin ruudulle.
Ketjusta on poistettu 1 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 457432
- 324098
- 573635
- 503140
- 172826
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons522376- 532327
- 432268
- 372258
- 162246