Nykyaikaiset www-sivut näyttävät lataavan kamaa sitä mukaa lisää, kun sivua skrollaa alemmaksi. Miten tuo on käytännössä järjestetty?
Html-sivun pitänee olla jollain tavalla dynaaminen, joka lataa itseensä jatkuvasti lisää.
Miten toteutetaan, ettei käyttäjä näe sivunvaihdosta "pidempään"? Siis ettei sivusto välky tai hypi sinne tänne kesken päivityksen. Jotain ennakointia lienee oltava?
Kuinka tehdään "loputon" skrolli?
9
1015
Vastaukset
- Anonyymi
Käytännössä JavaScriptillä (tai vaikka jQuery:llä) havaitaan milloin käyttäjä on skrollannut sivun alaosaan asti, jolloin tehdään uusi palvelin/rajapintakutsu, ja näytetään sen kutsun vastaus:
https://stackoverflow.com/questions/14035180/jquery-load-more-data-on-scroll- Anonyymi
"palvelin/rajapintakutsu" 😂 😂 😂
- Anonyymi
Tein tämmösen esimerkin: https://jsfiddle.net/hebdz32j/
Tuolla JsFiddlessä on joku oma scrollElementtinsä jonka scroll-arvoja piti käyttää sivun pohjassa olemisen tarkastukseen. En saanut sitä scroll-eventillä toimimaan mutta laitoin sitten intervallin pyörimään joka tarkastaa koko ajan ollaanko pohjassa ja lisää kontenttia sitä mukaa. Sivu ei hypi, koska sisältö lisätään perään ja scrolli pysyy siinä missä se olikin.- Anonyymi
Eikä tuo edes huonolta ratkaisulta vaikuttanut, joutuu ottamaan talteen, ja testaamaan soveltuvuutta käytännössä.
- Anonyymi
Eikös tämä edusta huonoa käyttöliittymäsuunnittelua? Pahimpia ovat ne, jotka hukkaavat paikan sivulla kun vahingossa siirtyy toiselle sivulle ja koko roska pitää aloittaa alusta!
- Anonyymi
En nyt scrollista paljon ymmärrä mut palstoja riivaa uupumaton trolli, joku linukstalibaani.
- Anonyymi
Mahdollisia ovat myös CSS Content Visibility https://caniuse.com/css-content-visibility , loading-attribuutti kuville ja iframe-elementeille https://caniuse.com/loading-lazy-attr sekä IntersectionObserver https://caniuse.co/intersectionobserver .
- Anonyymi
No, tiktok näyttää olevan tällainen. Ikävää vaan, että selaimeen jää kaikki videot sitten muistiin ja ne ei poistu, jolloin firefox kaatuu ja kone jämähtää!
Ei siis kannata luottaa, että selain osaisi poistaa mitään aiemmasta datasta! Sanoisin kanssa, että huonosti toteutettu sivusto voi tulla helposti ja ikäviä viiveitä datan lataamisessa kuormitetun serverin kanssa. Toisaalta joku chat-systeemi, ei sitä voi mitenkään muutenkaan toteuttaa jos ehtona on, ettei sivun paikka katoa?
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
SDP jo 100 % suositumpi kuin persut
Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst13610868- 2644726
SDP haluaa 40 000 nettomaahanmuuttajaa
SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah1784059Mikä tämä henkilö mahtaa touhuta Parkanossa
Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58533584Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen
No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat1843559PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas
https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija963413Ikävä sinua mies
Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i323200Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia
tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,863197Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.691874Kiinnostaa - ei kiinnosta - kiinnostaapas
Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt2051804