在本文里,瀑布流定义为图片等宽不等高,随着滚动条的下拉,在满足一定的情况下,加载图片。
先说说我的思路:瀑布流是规定的等宽不等高的瀑布流,在html中,分别是parent-div:main,child-div:box,box中有div:pic;pic放img。css内,main是相对定位,box是绝对定位。
主要说的是js,html和css的代码很少。
写到js,第一步:思考等宽的图片怎样布局,第一行排列后,第二行怎样排列;第二步:怎样对每一个box定位;第三部:怎样让图片不断加载
1:因为图片等宽,那么你需要判断整个页面显示的列数,我的思路是用屏幕宽度window.screen.width/图片宽度,取整。但是amy老师用clientWidth/图片宽度,得到列数。document.documentElement.clientWidth是获取对象可见宽度,当浏览器变小的时候&#