首先是布局
<div id = "main">
<div class = "box">
<div class = "pic">
<img src = "" alt="">
<div class="box1"></div>
<div class="box3"></div>
</div>
</div>
</div>
然后要完成瀑布流布局,必须要用定位

接着就是js了,先请求ajax 数据

接着就是瀑布流了


到这一步就算是完成了,看一下效果

觉得还可以的就点了关注吧
首先是布局
<div id = "main">
<div class = "box">
<div class = "pic">
<img src = "" alt="">
<div class="box1"></div>
<div class="box3"></div>
</div>
</div>
</div>
然后要完成瀑布流布局,必须要用定位
接着就是js了,先请求ajax 数据
接着就是瀑布流了
到这一步就算是完成了,看一下效果
觉得还可以的就点了关注吧
本文标题:原生js实现瀑布流布局
本文链接:https://www.haomeiwen.com/subject/djaprctx.html
网友评论