小程序页面滚动?

要在小程序中实现页面滚动,可以使用 <scroll-view> 组件。以下是一个基本的示例:

javascript 复制代码
<template>
  <scroll-view class="container" scroll-y>
    <!-- 这里放置页面内容 -->
    <view class="content">
      <!-- 页面内容 -->
    </view>
  </scroll-view>
</template>

<script>
export default {
  // 这里是页面逻辑
};
</script>

<style>
.container {
  width: 100%;
  height: 100%;
}

.content {
  width: 100%;
  /* 设置内容高度或使用 flex 布局使其撑开高度 */
}
</style>

在这个示例中,<scroll-view> 组件包裹了页面的内容,通过设置 scroll-y 属性来启用垂直滚动。你可以在 .content 类中添加页面的实际内容,当内容高度超过 <scroll-view> 的高度时,就会出现滚动条

相关推荐
andrsted18 小时前
用练题簿小程序 - 让错题不再白错
学习·微信小程序·小程序·学习方法
2601_9499506318 小时前
练题簿,把培训从“走过场”变成“真落地”
人工智能·学习·小程序·刷题·小程序推荐
疯狂小猫咪18 小时前
中小培训机构教务数字化踩坑复盘|从 Excel 过渡到教务系统经验总结
小程序·excel
梦曦i21 小时前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
平头哥技术团队21 小时前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
乌恩大侠1 天前
GH200 新增 NVMe SSD 分区、格式化与挂载完整流程
运维·服务器·前端
yume_sibai1 天前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
qiuhaipeng11 天前
Claude code 升级后上下文长度变短问题
java·前端·数据库
zzz_23681 天前
个人 AI 记忆如何跨工具复用:用 Markdown、索引和 Skill 搭一个可治理的记忆库
前端·人工智能·react.js·前端框架·agent·agent测评
剑之所向1 天前
.NET 官方`System.Threading.Channels`
前端·javascript·数据库