页面最小高度大于视口高度，数据更新页面滚动条消失

这种情况可能是由于页面的内容高度超过了视口高度，从而导致出现了滚动条。当数据更新后，页面的高度可能会发生变化，如果新的页面高度小于视口高度，那么滚动条就会消失。

有几种解决方法可以尝试：

1. 使用 `overflow-y: scroll` 样式强制添加滚动条，即使内容高度不超过视口高度。

2. 使用 JavaScript 监听窗口大小变化事件，并在高度小于视口高度时手动添加滚动条。

3. 在更新数据之前先获取页面的滚动位置，然后在更新后手动将滚动条设置回原来的位置，以避免滚动条消失的问题。

相关问题

页面最小高度大于视口高度，数据更新页面滚动条消失再出现

这通常是因为在页面数据更新时，导致页面重新渲染，而重新渲染会导致页面高度的变化。如果页面高度变化后，最小高度仍大于视口高度，则会出现滚动条消失再出现的情况。

解决方法可以尝试以下两种：

1. 设置页面最小高度为视口高度，可以通过 CSS 的 min-height 属性来实现：

body {
  min-height: 100vh;
}

2. 在更新页面数据前，先将页面滚动条位置记录下来，数据更新完后再将滚动条位置恢复到之前的位置，可以使用 JavaScript 的 scrollTop 属性实现：

// 记录当前滚动条位置
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

// 更新页面数据

// 恢复滚动条位置
document.documentElement.scrollTop = document.body.scrollTop = scrollTop;

以上是两种常见的解决方法，具体应该根据实际情况进行选择。

uni-page-body的最小高度100vh导致滚动条如何解决

uni-page-body的`min-height: 100vh`设置会使页面内容区域的高度至少达到视口高度，如果内容实际高度小于这个值，就会出现滚动条。要解决这个问题，你可以考虑以下几种方法：

1. **动态调整内容高度**：确保页面内容的实际高度大于或等于`min-height`。例如，如果你有一个动态加载的数据列表，你需要确保至少有一部分内容能够填充整个高度。

<template>
  <view v-if="hasEnoughContent">
    <!-- 此处放置你的内容 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      hasEnoughContent: false, // 根据数据填充后判断是否有足够内容
      // ...
    };
  },
  computed: {
    contentHeight() { /* 计算真实内容高度 */ }
  },
  mounted() {
    this.hasEnoughContent = this.contentHeight >= window.innerHeight;
  },
  // ...
};
</script>

2. **使用CSS媒体查询**：当内容不足以填满整个高度时，可以使用媒体查询设置滚动条隐藏，当满足条件时再显示。

.uni-page-body {
  min-height: 100vh;
  overflow-y: auto; /* 默认开启滚动 */
}

@media (max-content) {
  .uni-page-body {
    overflow-y: hidden; /* 当内容足够高时，隐藏滚动条 */
  }
}

3. **分页或滚动组件**：如果内容确实很长并且不适合一次性展示，你可以考虑使用分页或者滚动加载的方式展示，而不是一开始就设置这么高的`min-height`。