Niin, kuinka selaimen avointa sivua vieritetään alusta loppuun ja takaisin, JavaScript koodia käyttäen.
Kuinka sivua vieritetään
Anonyymi
3
153
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
- 467565
- 334173
- 573685
- 503170
- 172856
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 kons572471- 542388
- 402329
- 452322
- 162266