uniapp超出上下滚动

以下是uniapp实现超出部分上下滚动的解决方案：

1. 在需要滚动的组件上添加样式：

<view class="scroll-container">
  <!-- 需要滚动的内容 -->
</view>

.scroll-container {
  height: 100vh; /* 设置高度为屏幕高度 */
  overflow-y: scroll; /* 竖向滚动 */
  -webkit-overflow-scrolling: touch; /* 允许使用惯性滚动 */
}

2. 如果需要同时支持横向和纵向滚动，可以使用以下样式：

.scroll-container {
  height: 100vh; /* 设置高度为屏幕高度 */
  overflow: auto; /* 自动显示滚动条 */
  -webkit-overflow-scrolling: touch; /* 允许使用惯性滚动 */
}

相关问题

使用uniapp框架，<view class="content"> <view v-show="current === 0"> <uni-section title="业务信息" type="line">，页面不能上下拖动的原因是什么？

可能是因为你的页面内容没有超出屏幕高度，或者你的页面设置了 `overflow:hidden` 样式导致不能滚动。你可以尝试给页面内容添加一些高度，或者将页面容器的样式改为 `overflow:auto`，以便在内容超出屏幕时启用滚动。例如：

<view class="content" style="height: 100vh; overflow: auto;">
  <view v-show="current === 0">
    <uni-section title="业务信息" type="line">
      <!-- 这里是页面内容 -->
    </uni-section>
  </view>
</view>

其中，`height: 100vh` 表示让页面容器的高度等于当前视口高度，`overflow: auto` 表示启用滚动条。这样就可以让页面内容能够上下滚动了。