微信小程序waterfall插件重新渲染时高度叠加怎么解决

在重新渲染时，你可以先将容器的高度重置为0，然后再根据新的内容重新计算容器的高度。具体的实现步骤如下：

1. 在重新渲染前，获取容器的高度并将其设为0。

2. 重新渲染内容后，计算新的容器高度。可以通过获取每一列的高度，然后取最大值来确定容器的高度。

3. 将计算出的容器高度设置给容器。

这样做可以避免高度叠加的问题。同时，如果你使用的是第三方插件，可以查看其文档或者与插件作者联系，看看是否有其他解决方案。

相关问题

微信小程序的waterfall组件

微信小程序的waterfall组件是一个瀑布流布局组件，可以让开发者通过简单的配置实现瀑布流布局。这个组件可以用来展示图片、商品或其他需要瀑布流布局的内容。使用waterfall组件可以提高小程序的用户体验和交互效果。在使用waterfall组件时，需要注意设置好每个元素的宽度和高度，以及设置好每一列之间的间距和每个元素之间的间距。

微信小程序怎么做成瀑布

微信小程序可以通过使用`scroll-view`组件来实现瀑布流效果。具体实现步骤如下：

1. 在`scroll-view`中设置`scroll-y="true"`，允许垂直滚动。

2. 在`scroll-view`中设置`scroll-x="false"`，禁止水平滚动。

3. 在`scroll-view`中设置`bindscrolltolower`属性，用于监听页面滚动到底部的事件。

4. 在`scroll-view`中添加多个`view`组件，每个`view`组件代表一个瀑布流的列。

5. 在每个`view`组件中添加多个元素，每个元素占据不同的高度。

6. 在`bindscrolltolower`事件中，动态计算出每个瀑布流列的高度，并将新的元素插入到高度最小的瀑布流列中。

示例代码如下：

<scroll-view class="waterfall" scroll-y="true" scroll-x="false" bindscrolltolower="onLoadMore">
  <view class="column" style="height: {{columnHeight[0]}}px" wx:for="{{columns[0]}}">
    <!-- 第一列的元素 -->
  </view>
  <view class="column" style="height: {{columnHeight[1]}}px" wx:for="{{columns[1]}}">
    <!-- 第二列的元素 -->
  </view>
  <view class="column" style="height: {{columnHeight[2]}}px" wx:for="{{columns[2]}}">
    <!-- 第三列的元素 -->
  </view>
  <!-- 更多列... -->
</scroll-view>

其中，`columns`数组存储每个瀑布流列中的元素，`columnHeight`数组存储每个瀑布流列的高度。在`onLoadMore`事件中，需要计算出新元素的高度，并将其插入到高度最小的瀑布流列中，同时更新该列的高度。