Niin, kuinka selaimen avointa sivua vieritetään alusta loppuun ja takaisin, JavaScript koodia käyttäen.
Kuinka sivua vieritetään
Anonyymi
3
232
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
Silmienvääntelijä-persut pääsivät Japanissa sarjakuvaan
Torille! https://www.hs.fi/kulttuuri/art-2000011943173.html1795012Nato kaatamassa Petterin haaveileman Tunnin junan?
Nato edellyttää pohjoisessa Jäämereltä Rovaniemelle saakka kapearaitesta suoraa rautatieväylää, joka maksaa paperirahaa,194397Donald Trump pääsi samalle listalle Sanna Marinin kanssa
Eli vasemmistolaisen Time-median top 100 jännäihmisten listalle. https://time.com/collections/time100-next-2021/593769993117Älkää vaan sairastuko syöpään Suomessa
Tilaston mukaan Suomi, Slovakia ja Latvia lääkitsee aivan pohjamudissa syöpää. Sairastunutta hoidetaan edelleen vanhana2532962Kyllä, maata ei halua puolustaa nimenomaan punavihreän puolen edustajat
"Esimerkiksi maanpuolustushenki on keskimääräistä alempana naisten, arvoliberaalien, heikossa taloustilanteessa olevien1432902- 522511
- 271929
- 221757
- 351750
- 681741