作者:周培 @Whuers发布于:05-05 18:33阅读:111500

1.思路:
a.将img加载出来,获取宽度和设置列数;
b.设置照片的top和left,top=最小那一列的高度,left=所在列数图片的宽度+padding2;
c.拉到底部继续加载图片,将图片的路径放在json中,判断当最后一个元素距离顶部的高度<(页面当前高度+滚动距离顶部的高度)时创建元素
d.点击放大图片
2.json 对象用{},数组用[]
3.滚动时触发函数 window.onscroll=function(){}
4.var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; //doucumentElement和body,考虑浏览器兼容 获得滚动的高度
5.offsetWidth=width+padding+border
document.body.clientWidth/clientHeight(网页可见区域宽/高)
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的高度
offsetTop:获取对象相对于版面或有offsetTop属性指定父坐标计算顶端的值
6.Math.min()不支持数组,Math.min.apply(null,array)可获取数组的最小值,最大值同理

快来这里总结下学到的知识吧!

新建笔记