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

使用微信小程序提供的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 内部滚动不会影响外部布局

相关推荐
speedoooo8 小时前
在现有App里嵌入一个AI协作者
前端·ui·小程序·前端框架·web app
万岳科技系统开发16 小时前
私域直播小程序源码的整体架构设计与实现思路
学习·小程序
ee82ee16 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_124987075317 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
汤姆yu17 小时前
基于微信小程序的驾校预约与学习系统
学习·小程序·驾校预约
夏源18 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
speedoooo18 小时前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app
猿究院_xyz19 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
说私域20 小时前
不同类型企业构建私域流量的必要性及定制开发AI智能名片商城小程序的应用
大数据·人工智能·小程序
老华带你飞21 小时前
健身房预约|基于springboot 健身房预约小程序系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·小程序