lfyfly / vue-waterfall-easy

vue瀑布流组件(vue-waterfall-easy 2.x)
https://lfyfly.github.io/vue-waterfall-easy/demo/#/
MIT License
860 stars 350 forks source link

使用相对定位,如果图集是对齐的,无法触发图片到底部自动更新的操作 #27

Closed libp closed 6 years ago

libp commented 6 years ago

使用相对定位,如果图集是对齐的,无法触发图片到底部自动更新的操作,如这个链接下是一个图集, 总共有90张照片,每次加载10张,加载到第2次后,后面无法再加载 https://www.nichuiniu.cn/wanhg/imgnum/486

lfyfly commented 6 years ago

reachBottomDistance一个值试试

libp commented 6 years ago

@lfyfly 很好,问题解决了,给力。但是还有点小麻烦,就是加载到最底部的图片时,依然显示不全。虽然可以一直触发往下执行的操作,但是最后几张图片,还有约十分之一不能显示出来。

lfyfly commented 6 years ago

我测了下没什么问题,你clone这个项目,改变static/mock/data.json数组使所有元素都相同,在src/App.vue里vue-waterfall-easy组件添加 reachBottomDistance属性,测试一下

libp commented 6 years ago

我试了,第一额问题解决了。只是显示不全不知道是什么原因。如:https://www.nichuiniu.cn/wanhg/imgnum/486

libp commented 6 years ago

最后几张图片还有约10分之1没出来。

lfyfly commented 6 years ago

你布局有问题,waterfall 高度超出 .content

libp commented 6 years ago
_20180723070432

.content高度设置为100%时,如图会出现两个滚动条。 非常感谢

lfyfly commented 6 years ago

vue-waterfall-easy组件的宽高默认为父元素的100%,所以其父元素(你这就是.content)不允许有其他子元素 。