请问下瀑布流 参差不齐是怎么实现的
请问下 瀑布流 参差不齐是怎么实现的 我开始用奇偶去判断加载图片 但是效果不行 请问用好的办法吗
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
请问下 瀑布流 参差不齐是怎么实现的 我开始用奇偶去判断加载图片 但是效果不行 请问用好的办法吗
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（19）
回复
不是哦,这个hight是获取根据宽度裁剪后图片的高度的,这个图片高度肯定不会都一样啊,因为按照宽度不失真裁剪的图片高度都不会一样........额我说的有点语无伦次,意思你理解就好了
回复
http://www.whoart.cn/exhibs 这个我用的就是isotope的插件，上面的评论里面有地址
指定了height 但是就没有那种长短不齐的效果了
感谢
谁有不定列数的瀑布流方案（列数随屏幕宽度调整）
回复
不需要吗？
这需要定？
N列，每次请求AJAX一条内容ADD添加到总高度最短的那列里下面。在这里因此每次添加之前都要计算每列的总高度，这里需要注意ADD的内容最好有高度，否则计算高度会响应延迟而导致计算高度误差。
以下2个高度，可以百度一下，有用的。
$(document).scrollTop();
$(window).height();
CSS和排版方面，比如：页面可分4大列DIV，每列240PX宽。然后在没列里再添加内容的DIV就行了。当然每个内容块DIV的高度肯定是不同的，这就变成了4大列看起来底部是参差不齐的样子。
回复
补充一下, img标签加hight=""是不会修改图片高度的,这个只针对js有用
http://www.oschina.net/code/snippet_870828_15755 貌似这有个demo
弄个插件吧省事
有这样的回事？
回复
设置float为left，固定宽高，只是如果宽度不同可能会出现缝隙
不用定位 弄个大的DIV，然后将图片一个个加入到DIV中，只需要设置width和height，浏览器会自动适应排列
简单的瀑布流效果、css3就可以实现
谢谢您啊 我第一次接触这个 请问这个TOP 和LEFT 怎么控制到??JS还是本身的CSS
回复
用js计算位置，这里有个现成的插件http://isotope.metafizzy.co/
你想太多了，只要定好top 和 left，高度不统一的情况下自动会参差不齐的