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
820
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
Metsäkoneen kuljettaja huuteli tutkijalle
"voisit kyllä ottaa rintaliivit pois ennen kuin tulet minulle juttelemaan, hän sanoo." https://yle.fi/a/74-20106446 On70410030Suomi on täysin sekaisin
Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-20000104124390Kaikki ei vieläkään usko luontokatoon.
Suomussalmen Hukkajoella foliohattu metsäkoneen kuljettaja tuhosi tuhansia harvinaisia jokihelmisimpukoita eli raakkuja903016Sano vain suoraan, että nyt riittää
ettei kiinnosta. Sano, että lopeta! En ihmettelisi, jos olet saanut tarpeeksesi ja toivot minun ymmärtävän lopettaa. Eh432855Mari Rantanen asettaa sairaan lapsen edun oman uransa edelle - (tekikö Marin samaa)
Noin toimii kunnon vastuuntuntoinen äiti, mutta siitäkin nämä mt-ongelmaiset vasemmistolaiset häntä täällä haukkuvat. "2302668Ohhoh! Ex-pääministeri Sanna Marinin Joni-rakas paljasti ilouutisen: "Tässä kuussa..."
Sanna Marin on ollut naimisissa Markus Räikkösen kanssa. Nyt hänen seurassaan on usein julkkishiusmuotoilija Joni Willb552664- 1531855
Luokatonta toimintaa
Tyrmistyttävää toimintaa Stora Enson korjuu yrittäjältä Hukkajoella. Täyttä piittaamattomuutta laeista ja luontoarvoista711710Ensimmäisestä kohtaamisesta saakka
minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa141620Maailmankuulu homopingviini on kuollut
Minä niin toivoin että pariskunta olisi saatu kunniavieraiksi ensi kesän Prideen. 💔 "Maailmankuulu homopingviini on k61423