search

heikaimu / vue3-waterfall-plugin

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

高度不变化 #41

Closed NJHSFNAK closed 10 months ago

NJHSFNAK commented 10 months ago

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

image
NJHSFNAK commented 10 months ago

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

heikaimu commented 10 months ago

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

NJHSFNAK commented 10 months ago

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

heikaimu commented 10 months ago

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

NJHSFNAK commented 10 months ago

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

image

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

heikaimu commented 10 months ago

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

heikaimu commented 10 months ago

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