javascript - Comment obtenir l'effet que le contenu suivant n'est pas chargé au début, mais que le contenu suivant se charge progressivement à mesure que la souris défile vers le bas?

Question

Il n'y a pas de contenu au début, faites défiler vers le bas et le contenu à la fin se chargera progressivement

Answer 1

Écoutez, s’agit-il des effets spéciaux des nouveaux produits printemps et été du magasin phare Tmall de Kappa ? https://kappa.tmall.com/view_...

Cet effet spécial est obtenu grâce au fixe, qui est la méthode habituellement utilisée par les sites Web pour la publicité.

Answer 2

événement dropload

Answer 3

Solution de chargement paresseux, la fonction principale est de réduire la charge sur le serveur
https://www.w3cways.com/1765....

Answer 4

Je viens de voir votre titre et j'ai pensé qu'il s'agissait d'un chargement déroulant. J'utilise habituellement dropload pour implémenter le chargement déroulant. Plus tard, j'ai vu ce qui était écrit au premier étage et j'ai pensé que vous pourriez avoir besoin d'effets spéciaux js. le déroulement et le chargement ainsi que l'animation peuvent être réalisés en utilisant fullPage.js
.

Answer 5

En fait, il s'agit d'une pagination. Vous pouvez vous référer aux deux suivants :
jquery iscroll pull-up et dropdown chargement du contenu :
http://www.kuitao8.com/201501...
dropload.js :
https://github.com/ximan/drop...

Answer 6

J'ai utilisé l'effet « charger plus » que vous avez mentionné sur la page de liste de commandes du centre commercial. J'ai utilisé le « chargement par flux » dans Layui, et l'effet était bon.
démo : 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);
}

});