javascript - Wie kann erreicht werden, dass der nachfolgende Inhalt nicht zuerst geladen wird, sondern der nachfolgende Inhalt nach und nach geladen wird, wenn die Maus nach unten scrollt?
漂亮男人
漂亮男人 2017-06-30 09:58:33
0
6
866

Am Anfang gibt es keinen Inhalt. Scrollen Sie nach unten und der Inhalt hinten wird nach und nach geladen

漂亮男人
漂亮男人

Antworte allen(6)
洪涛

你看是不是Kappa天猫旗舰店的春夏新品的那种特效。https://kappa.tmall.com/view_...

这种特效是通过fixed实现的,就是平时那些网站打广告采用的方法。

阿神

dropload事件

滿天的星座

懒加载方案,主要的作用是降低服务器负担
https://www.w3cways.com/1765....

伊谢尔伦

刚刚看见你的题目我以为是下拉加载,下拉加载我一般是使用dropload来实现
后来看见一楼写的又觉得你可能是需要js特效
一直下拉一直加载再加动画可以使用fullPage.js实现

ringa_lee

其实就是分页,可以参考下面两个:
jquery iscroll上拉 下拉加载内容:
http://www.kuitao8.com/201501...
dropload.js:
https://github.com/ximan/drop...

typecho

我在商城的订单列表页用到了你说的“加载更多”的效果,用的是Layui里的“流加载”,效果不错。
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);
}

});

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage