heikaimu / vue3-waterfall-plugin

vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载
https://vue3-waterfall.netlify.app/
461 stars 34 forks source link

高度不变化 #41

Closed NJHSFNAK closed 1 year ago

NJHSFNAK commented 1 year ago

调用waterfallRef.value.renderer()后,发现高度不发生变化

image
NJHSFNAK commented 1 year ago

我发现waterfallRef.value返回的值中有一个属性是wrapperHeight,是直接可以通过这个属性来进行修改高度吗?

heikaimu commented 1 year ago

我看你第一张图的waterfall-list标签内没有任何东西啊?那高度肯定是0啊

NJHSFNAK commented 1 year ago

我看你第一张图的waterfall-list标签内没有任何东西啊?那高度肯定是0啊 不是哦,你看高度是2329.58px

heikaimu commented 1 year ago

我也测试了一下数组为0的情况,计算出来的高度也是0,没有出现你的情况,你可以看下是不是你外层容器定位的问题,或则提供更详细的情景。

NJHSFNAK commented 1 year ago

我也测试了一下数组为0的情况,计算出来的高度也是0,没有出现你的情况,你可以看下是不是你外层容器定位的问题,或则提供更详细的情景。

image

是不是因为我外面的div设置了最大高度的原因?因为我想的是在一个div中滚动,不太想页面滚动

heikaimu commented 1 year ago

你们可以看下我例子里面那个弹窗,就是点击外面卡片出来的弹窗,那就是一个div滚动啊。代码就在example里面。

heikaimu commented 1 year ago

你可以把你外容器高度写一个固定的px试试,比如500px这种,还有不知道是不是你那个aside影响到的,你可以先不放里面试试。