解决微信小程序滚动条卡顿的问题

使用微信小程序提供的scroll-view组件

html 复制代码
<view style="overflow: scroll;">
		<scroll-view style="height: 100%">
        </scroll>
</view>

注意:这里的scroll-view必须指定高度

使用 scroll-view 实现滚动时,外部的父容器需要添加 overflow: scroll 样式

原因:1. scroll-view 默认会占满整个容器的高度

  1. 如果不设置overflow: scroll,父容器的高度会被撑大,导致后续布局溢出父容器

  2. 设置overflow: scroll后,父容器高度会固定,scroll-view 内部滚动不会影响外部布局

相关推荐
2501_9160074724 分钟前
不越狱如何查看iOS 应用的详细信息及其文件目录结构
android·macos·ios·小程序·uni-app·cocoa·iphone
李慕婉学姐2 小时前
【开题答辩过程】以《基于uni-app的手账记录小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·小程序·uni-app
前端 贾公子2 小时前
npm 发包配置双重身份验证
前端·javascript·微信小程序·小程序·github
2501_916008893 小时前
无需钥匙串快速创建 iOS 开发 / 发布证书 P12 CSR
android·ios·小程序·https·uni-app·iphone·webview
独自归家的兔3 小时前
微信小程序开发框架全解析:成熟项目架构、主流技术与优劣对比
微信小程序·小程序
全栈小54 小时前
【小程序】微信小程序开发,分享给朋友或者朋友圈的功能增加地址参数,以及如何进行带参数本地测试
微信小程序·小程序
canglingyue4 小时前
小程序NFC应用
小程序
说私域4 小时前
链动2+1模式AI智能名片小程序驱动下的社群互动与消费升级研究
人工智能·小程序
FILLKL4 小时前
微信PC版本4.0后小程序目录变更
微信·小程序
QQ588501984 小时前
springboot地区特色农产品团购商城平台 小程序
spring boot·后端·小程序