javascript - når rulling er for rask, vises hvit skjerm i angular
Jeg har testet dette på Chrome. Under lange rullinger begynner data å forsvinne fra skjermen og kommer tilbake etter noen sekunder. Finnes det noen løsning på dette problemet.
takk,
Svar #1
Denne typen oppførsel ses når du har tung eller svært stor data som genererer visning av det og fortsetter å gjengis fra topp til bunn hver gang du fyller på med mer og mer data. Hva med å bruke uendelig rulling eller virtuell rulling.
Hvis du bruker uendelig rulling, må du da hente en fast mengde data per side eller sett. Mens du henter neste datasett, prøv å fjerne den forrige listen som allerede ble vist, og så videre. Dette kan håndteres ved scroll-hendelsen, det er mulig, men koding må være komplisert. For detaljer: https://www.npmjs.com/package/ngx-infinite-scroll
Virtuell rulling gir følelsen av at du ruller gjennom en lang liste med data, men realiteten bak er at den bruker et begrenset antall data som kan passe på visningen din, som brukes til å gjengi listen, noe som gjør den veldig lett og raskt gjengitt. Men igjen må du vite at en fast mengde data vil vises per visning. Du må også hente alle dataene på en gang på forhånd. For detaljer: https://www.npmjs.com/package/angular2-virtual-scroll