Bir DOM'ın yalnızca görünen kısmını yükleme ve görünüm penceresinde görünmeyen DOM öğelerini kaldırma

Question

Kullanıcıların tümünü okumasına olanak tanıyan yeni içeriğin aşağıya kaydırılmış olarak (AJAX kullanılarak) div içine yüklendiği bir uygulama oluşturuyorum sürekli modda içerik (navigasyon olmadan). Ancak, tüm içerik çok büyük sürekli kaydırma olduğundan, tüm içeriği DOM'a yükleyerek tarayıcıyı gerçekten yavaşlatması sorunudur.

Vizörde görünmeyen DOM öğelerini kaldırmak ve kullanıcı yukarıdayken onu yüklemek için javascript/jQuery'yi kullanmak mümkün müdür?

Answer 1

Sayfa yükleme işlemi çok yavaş oluyorsa, içeriğinizi farklı bir yükleme ve görüntüleme yöntemi kullandığınızı öneririm.

Ne tür içerikler görüntülediğinizi veya yeniden işlediğinizi.

Bunun sebebi, Facebook ve Twitter üzerinde çalışmanın nedeni, yüklenen içeriğin çok 'açık' olması (yani, yalnızca birkaç metin parçası ve bazı küçük resimler) olmasıdır.

Answer 2

Bu çok mümkündür.

Ör:

$(window).scroll(function() { 
    var threshold = 0; // how many pixels past the viewport an element has to be to be removed. 
    $('.answer').each(function() { 
     if($(this).offset().top + $(this).height() + threshold < $(window).scrollTop()) {  
      $(this).remove() 
     } 
    }); 
    // handle loading scroll up the same way you're adding new content as you scroll down. 
}); 

(etkiyi göstermek için bu sayfadaki tarayıcı konsoluna yapıştırın)