Tässä alla on vierityksen Y-position tulostus console ikkunaan, mutta kuinka tunnistan että vieritystä ei voi pidemmälle jatkaa, onko jotain muuttujaa johon tuota scrollY arvoa verraten tunnistaisi sivun lopun saavutetuksi.
window.addEventListener('scroll', function(e) {
console.log(window.scrollY);
});
JavaScript ja sivun vieritys
Anonyymi
10
168
Vastaukset
- Anonyymi
Skrollattavan elementin korkeus on: document.documentElement.scrollHeight
Ja ikkunan näkyvän osan korkeus: window.innerHeight
Noiden avulla saat varmaan laskettua.- Anonyymi
Miten tuo pitäisi laskea, ( window.scrollY ) on paljon pienempi arvo kuin ( document.documentElement.scrollHeight )
- Anonyymi
1370 = document.documentElement.scrollHeight
468 = window.scrollY - Anonyymi
Anonyymi kirjoitti:
Miten tuo pitäisi laskea, ( window.scrollY ) on paljon pienempi arvo kuin ( document.documentElement.scrollHeight )
Kun window.innerHeight window.scrollY on melkein tai tasan document.documentElement.scrollHeight ollaan alalaidassa.
Logita konsoliin ja vierittele edestakaisin, niin ymmärrät varmaan logiikan.
console.log(document.documentElement.scrollHeight,window.innerHeight,window.scrollY); - Anonyymi
Anonyymi kirjoitti:
Kun window.innerHeight window.scrollY on melkein tai tasan document.documentElement.scrollHeight ollaan alalaidassa.
Logita konsoliin ja vierittele edestakaisin, niin ymmärrät varmaan logiikan.
console.log(document.documentElement.scrollHeight,window.innerHeight,window.scrollY);Kumpa ne ei mene lähellekkään tasan kuten edellä jo kerroin, eli silloin kun ollaan sivun alalaidassa on arvot nämä:
1370 = document.documentElement.scrollHeight
468 = window.scrollY - Anonyymi
Anonyymi kirjoitti:
Kun window.innerHeight window.scrollY on melkein tai tasan document.documentElement.scrollHeight ollaan alalaidassa.
Logita konsoliin ja vierittele edestakaisin, niin ymmärrät varmaan logiikan.
console.log(document.documentElement.scrollHeight,window.innerHeight,window.scrollY);Ja tämä antamasi arvojen tulostus palauttaa arvot
console.log(document.documentElement.scrollHeight,window.innerHeight,window.scrollY);
2196 = document.documentElement.scrollHeight
902 = window.innerHeight
1274 = window.scrollY - Anonyymi
Anonyymi kirjoitti:
Kumpa ne ei mene lähellekkään tasan kuten edellä jo kerroin, eli silloin kun ollaan sivun alalaidassa on arvot nämä:
1370 = document.documentElement.scrollHeight
468 = window.scrollYTestasin lokituksella (keskimmäinen luku siis summa)
console.log(document.documentElement.scrollHeight,window.innerHeight window.scrollY,window.scrollY);
Skrollatessa ylhäältä alas:
123 95 1
123 97 3
123 98 4
123 102 8
123 106 12
123 109 15
123 111 17
123 116 22
123 118 24
123 119 25
123 121 27
123 122 28
123 123 29
Eli toimii kuten aiemmin kerroin. - Anonyymi
Anonyymi kirjoitti:
Testasin lokituksella (keskimmäinen luku siis summa)
console.log(document.documentElement.scrollHeight,window.innerHeight window.scrollY,window.scrollY);
Skrollatessa ylhäältä alas:
123 95 1
123 97 3
123 98 4
123 102 8
123 106 12
123 109 15
123 111 17
123 116 22
123 118 24
123 119 25
123 121 27
123 122 28
123 123 29
Eli toimii kuten aiemmin kerroin.Eikun just niin, hyvä, toimiihan tuo, jäi tuo PLUS merkki pois välistä.
- Anonyymi
Anonyymi kirjoitti:
Eikun just niin, hyvä, toimiihan tuo, jäi tuo PLUS merkki pois välistä.
Hyvä, KIITOS
- Anonyymi
Anonyymi kirjoitti:
Ja tämä antamasi arvojen tulostus palauttaa arvot
console.log(document.documentElement.scrollHeight,window.innerHeight,window.scrollY);
2196 = document.documentElement.scrollHeight
902 = window.innerHeight
1274 = window.scrollYJos tuossa oli skrollattu alalaitaan, niin summa on silloin 2176, eli melkein tuo elementin korkeus. Se ei välttämätä aina skrollaudu ihan pikselilleen riippuen mistä roikkuu, joten pitää verrata vaikka 0,99x:ään korkeudesta.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Maatalous- ja yritystuet pois, työeläkevaroilla valtion velka pois
Suomi saadaan eheytettyä kädenkäänteessä, kun uskalletaan tehdä rohkeita ratkaisuja. Maatalous- ja yritystuet ovat hait993586Sanna on suomalaisille siis velkaa 24 mrd euroa
Muistanette vielä kuinka Italian remonttirahoja perusteltiin sillä, että italialaiset ostaa suomalaisilta paidatkin pääl1082225Hei! Halusin vain kertoa.
En tiedä luetko näitä, mutta näimme n.4vk sitten, vaihdoimme muutaman sanan ja tunsin edelleen kipinän välillämme. Katso52029Miksi ikävä ei helpotu vuosien jälkeenkään?
Tänään olin ensimmäistä kertaa sinun lähtösi jälkeen tilassa, jossa vuosia sitten nähtiin ensimmäistä kerta. Ollessani81794- 361506
Tiesitkö? Suomessa lääkäri voi toimia ammatissaan, vaikka hän olisi seksuaalirikollinen
Järkyttävää… Motin mukaan Suomessa lääkäri voi toimia ammatissaan, vaikka hän olisi yksityiselämässään syyllistynyt es581006Oot kyl rakas
Et tiiäkkään miten suuri vaikutus sulla on mun jaksamiseen niin töissä, kun vapaallakin❤️. Oot täysin korvaamaton. En t36940Kirjoittaisit edes jotain josta tiedän
Varmasti oletko se oikeasti sinä. Tänään tälläinen olo. 70892Miten voitkin olla aina niin fiksu
...aina niin huomaavainen, kärryillä ja kartalla. Yritän etsimällä etsiä sinusta jotain vikaa, että saisin pidettyä sydä47850Sofia Zida puhuu rehellisesti suhteesta Andy McCoyhin: "Se on ollut mulle tavallaan..."
Sofia ja Andy, aika hellyttävä parivaljakko. Sofia Zida on mukana Petolliset-sarjassa. Hänet nähtiin Yökylässä Maria Ve4827