Closed libp closed 6 years ago
@lfyfly 很好,问题解决了,给力。但是还有点小麻烦,就是加载到最底部的图片时,依然显示不全。虽然可以一直触发往下执行的操作,但是最后几张图片,还有约十分之一不能显示出来。
我测了下没什么问题,你clone这个项目,改变static/mock/data.json
数组使所有元素都相同,在src/App.vue
里vue-waterfall-easy组件添加 reachBottomDistance
属性,测试一下
我试了,第一额问题解决了。只是显示不全不知道是什么原因。如:https://www.nichuiniu.cn/wanhg/imgnum/486
最后几张图片还有约10分之1没出来。
你布局有问题,waterfall 高度超出 .content
了
.content
高度设置为100%时,如图会出现两个滚动条。
非常感谢
vue-waterfall-easy组件的宽高默认为父元素的100%,所以其父元素(你这就是.content)不允许有其他子元素 。
使用相对定位,如果图集是对齐的,无法触发图片到底部自动更新的操作,如这个链接下是一个图集, 总共有90张照片,每次加载10张,加载到第2次后,后面无法再加载 https://www.nichuiniu.cn/wanhg/imgnum/486