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?
Anonyymi
9
1054
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
Hallitus pyrkii rajoittamaan kaupan omien halpamerkkien myyntiä
Helsingin Sanomien mukaan hallitus valmistelee lakihanketta, joka suitsii kaupan valtaa ja rajoittaa omien halpamerkkien2393660- 573383
Björn Wahlroos, maataloustuet lakkautettava
Sanoo pankkimies. Mitäs persut ja muut tukinulliem perskärpäset tähän? "Wahlroos listaa kansallisen maataloustuen. – I892837Persut päättivät hiilivoiman kieltämisestä Suomessa
Moni on jo unohanut kuka hyväksyi hiilivoimaloiden kieltämisen Suomessa: persut Sukupuolineutraalit liikennemerkitk482646Työvoimatoimisto
Nyt kysyisin miksi pitää käydä työvoimatoimistossa paikanpäällä, kun he eivät muuta tee kuin laittavat koneelle uudet ve1122387Nalle Wahlroos ei ulise kuten Teemu Selänne sähkölaskuista
Nalle "hah hah" nauroi saamistaan sähkötuista, kun taas Teemu-poika itkeä tirautti kovasta sähkön hinnasta. Nalle nauro352042Muistattekos kuinka kokoomus ja persut vinkuivat sähkön hinnasta?
Oppositiossa vuonna 2022, kun sähkön hinta uhkasi nousta 20 senttiin kilowattitunnilta? Nyt ovat hiiren hiljaa, kun pitä1012001Vain persut vastustivat hiilivoimaloiden alasajoa
Persut vastusti jyrkästi hiilen kieltolakia ja on myöhemmin vaatinut hiilivoimaloiden pitämistä käytössä. He perusteliva421865Mikä aate kaiken pahan takana?
Se laiskistuttaa kansat, opettaa vaatimaan etuisuuksia, syleilee maailmoja eikä omaa kansaa.1041797Mietin sua liikaa
Mietin nytkin sitä, että millaista se olisi tulla kotiin, kun sinä olisit täällä vastassa. Tai niin päin, että sinä tuli711149