javascript - scroll çok hızlı olduğunda, angular'da beyaz ekran görünür
Bunu Chrome'da test ediyordum. Uzun kaydırmalar sırasında veriler ekrandan kaybolmaya başlıyor ve birkaç saniye içinde geri geliyor. Bu sorun için herhangi bir çözüm var mı?
teşekkürler,
Cevap #1
Bu tür bir davranış, ağır veya çok büyük veriye sahip olduğunuzda ve bunun üzerinden bir görünüm oluşturduğunda ve daha fazla veri ekledikçe her seferinde baştan sona yeniden render edildiğinde görülür. Sonsuz kaydırma veya sanal kaydırmayı kullanmaya ne dersiniz?
Eğer sonsuz kaydırma kullanıyorsanız, o zaman sayfa veya set başına sabit bir veri miktarı çağırmanız gerekir. Bir sonraki veriyi getirirken, daha önce gösterilen listeyi kaldırmayı deneyin ve bu şekilde devam edin. Bu kaydırma olayında yönetilebilir, mümkündür ancak kodlama zor olmalıdır. Detay için: https://www.npmjs.com/package/ngx-infinite-scroll
Sanal kaydırma, uzun bir veri listesinde kaydırıyormuş gibi bir görünüm ve his verir, ancak gerçek durum, görünümünüze sığabilecek sınırlı sayıda verinin kullanıldığı ve listeyi hızlı ve hafif bir şekilde oluşturmak için kullanıldığıdır. Ancak tekrar belirtmek gerekirse, her görünümde gösterilecek veri miktarını bilmeniz gerekir. Ayrıca tüm veriyi önceden bir kerede getirmeniz gerekir. Detaylar için: https://www.npmjs.com/package/angular2-virtual-scroll