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
1089
Vastaukset 9
- 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
Haapaveden upea kurvikuningatar
No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga1091461Uskaltaisitko ihana nuorempi nainen lähettää
WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️91817- 54716
Meinasi nainen mennä pasmat sekaisin
Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.35711Suomi meni ihan itse sössimään peruskoulunsa
Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja141680Lidilikö Suomussalmelle
Tännekki Lidili. Loppus tuo kiskominen näillä jäljellä olevilla. K-Market ihan sikakallis ja hyvin ylimieliset omistajat37581Tuli paha mieli miten kaikki meni meillä
Harmittaa myönnän sen, kun molemmilla oli selvästi toiveita ennen kuin sukset meni ristiin. Olen jäässä. 😔40551Upeaa Google!
Kohta on töitä tarjolla kaikille! Suomen taloushistorian suurin investointi ja Kajaani mainittu! Sähkö kyllä riittää, tö203551- 61540
Ei makeat pimut sytytä
sen jälkeen kun on nähnyt sinut. Olet vain ihastus vailla vertaa. Kun sinut tuntee muut eivät tunnu miltään. Tajuatko ol32536