小程序页面滚动?

要在小程序中实现页面滚动,可以使用 <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> 的高度时,就会出现滚动条

相关推荐
shawxlee10 分钟前
vue3+axios挑战最简洁实用的配置封装+接口调用:请求拦截器、响应拦截器、通用请求方法(单个请求/并发请求/下载文件)、统一接口管理
前端·经验分享·vue·接口·axios·api
万岳科技系统开发13 分钟前
AI赋能互联网医院小程序开启智慧医疗新时代
人工智能·小程序·apache
yuhaiqiang36 分钟前
上线一个人静态网站需要多少钱,难不难?
前端·后端·程序员
宸津-代码粉碎机40 分钟前
Jar热部署进阶实战|修复原生方案OOM与类冲突问题,生产级无BUG优化方案
java·大数据·服务器·开发语言·前端·人工智能·python
To_OC9 小时前
写了三遍 Todo List,我终于搞懂了 React 父子组件到底怎么通信
前端·javascript·react.js
勇往直前plus9 小时前
Vue3(篇一) 核心概念——响应式模板语法与组件基础
前端·javascript·vue.js
咩咩啃树皮10 小时前
第43篇:Vue3计算属性(computed)完全精讲——缓存机制、依赖计算、业务最优解
前端·vue.js·缓存
徐小夕12 小时前
花了一周,3亿tokens,我开源了一款 Word 文档智能审查平台,文稿自动质检+可视化分析,告别低效人工审核
前端·算法·github
kyriewen13 小时前
别再乱用useEffect了——你写的10个里有8个不该存在
前端·javascript·react.js
Ivanqhz13 小时前
Rust &‘static str浅析
java·前端·javascript·rust