javascript - Bagaimana untuk mencapai kesan bahawa kandungan berikutnya tidak dimuatkan pada mulanya, dan apabila tetikus menatal ke bawah, kandungan berikutnya dimuatkan secara beransur-ansur?

Question

Tiada kandungan pada permulaan, tatal ke bawah dan kandungan di belakang akan dimuatkan secara beransur-ansur

Answer 1

Lihat, adakah ia kesan khas produk baru musim bunga dan musim panas kedai utama Kappa's Tmall? https://kappa.tmall.com/view_...

Kesan khas ini dicapai melalui tetap, iaitu kaedah yang biasanya digunakan oleh laman web untuk pengiklanan.

Answer 2

acara dropload

Answer 3

Lazy loading solution, fungsi utama adalah untuk mengurangkan beban pada server
https://www.w3cways.com/1765....

Answer 4

Saya baru melihat tajuk anda dan saya fikir ia adalah pemuatan drop-down. Saya biasanya menggunakan drop-load untuk melaksanakan pemuatan lungsur tarik ke bawah dan memuatkan serta animasi boleh dicapai menggunakan fullPage.js

Answer 5

Sebenarnya, ia adalah paging Anda boleh merujuk kepada dua berikut:
jquery iscroll pull-up dan drop-down memuatkan kandungan:
http://www.kuitao8.com/201501...
dropload.js:
https://github.com/ximan /drop...

Answer 6

Saya menggunakan kesan "muatan lebih" yang anda nyatakan pada halaman senarai pesanan pusat membeli-belah Saya menggunakan "pemuatan aliran" di Layui, dan kesannya adalah baik.
demo: http://www.layui.com/demo/flo...
flow.load({

elem: '#LAY_demo2' //流加载容器
,isAuto: false    //是否自动加载更多
,isLazyimg: true  //图片懒加载
,done: function(page, next){ //加载下一页
  //模拟用ajax请求数据
  setTimeout(function(){
    var lis = [];
    for(var i = 0; i < 6; i++){
      lis.push('<li><img lay-src="http://s17.mogucdn.com/p2/161011/upload_279h87jbc9l0hkl54djjjh42dc7i1_800x480.jpg?v='+ ( (page-1)*6 + i + 1 ) +'"></li>')
    }
    next(lis.join(''), page < 6); //假设总页数为 6
  }, 500);
}

});