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
787
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
Tollokin tajuaa että Timo Vornanen
oli joutunut äärimmäiseen tilanteeseen ampuessaa yhden laukauksen katuun. Ei poliisi tee tuollaista hetken mielijohteest5484017Istuva kansanedustaja epäiltynä pahoinpitelystä ja ampuma-aserikoksesta
Seiskan tietojen mukaan Timo Vornanen on epäiltynä pahoinpitelystä ja ampuma-aserikoksesta eikä kenellekään taatusti tul4673464Timo Vornanen kilahti
Mikähän sille kansanedustajalle polisiisi miehelle on noin pahasti mennyt hermot , että tulevaisuudensa pilasi totaalise1433090Pullonpalautusjärjestelmä muuttuu - paluu menneisyyteen
EU suuressa viisaudessaan on päättänyt, että pulloja pitää kierrättää. Jos oikein ymmärsin, nykyisen järjestelmänmme ti1642382Sininen farmari - Ford Focus- YFB-842 on poliisilta kadoksissa Kauhajärvellä
https://alibi.fi/uutiset/poliisilta-poikkeuksellinen-vihjepyynto-autossa-oleva-henkilo-on-avuntarpeessa/?shared=29255-2d82240- 2271688
Onko oikeudenmukaista? Yhdellä taholla yllättävä valta-asema Tähdet, tähdet -voittajan valinnassa!
Näinpä, onko sinusta tämä oikein? Viime jaksossakin voittaja selvisi vain yhden äänen erolla ja tänä sunnuntaina ensimm231417No kerros nyt nainen
Kumpi mielestäsi oli se joka väärinkäsitti kaiken? Nyt voi olla jo rehellinen kun koko tilanne on jo lähes haihtunut.1001329Persukansanedustaja Timo Vornanen ammuskellut Helsingissä
Poliisi siviiliammatiltaan, luvallinen ase mukana baarissa tällä hemmetin valopääpersulla. Meni eduskunnasta suoraan baa951310Nainen, mietit miten minä jaksan
En voi hyvin. Nykyään elämäni on lähinnä selviytymistä tunnista ja päivästä toiseen. Usein tulee epävarma olo, että mite891110