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

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

相关推荐
雨雨雨雨雨别下啦14 分钟前
【从0开始学前端】从0搭建uni-app小程序脚手架
小程序·uni-app
AnalogElectronic2 小时前
uniapp学习8,电动车充电小程序
学习·小程序·uni-app
2501_915921432 小时前
iPhone 定位功能测试时不越狱来修改手机位置的方法
android·ios·智能手机·小程序·uni-app·iphone·webview
AnalogElectronic3 小时前
uniapp学习9,同时兼容h5和微信小程序的百度地图组件
学习·微信小程序·uni-app
游戏开发爱好者83 小时前
iOS 开发进阶,用 SniffMaster 实现 iPhone 抓包深度分析
android·ios·小程序·https·uni-app·iphone·webview
AnalogElectronic17 小时前
uniapp学习5,兼容微信小程序的俄罗斯方块游戏
学习·微信小程序·uni-app
克里斯蒂亚诺更新1 天前
微信小程序调用腾讯地图路线规划-注意点
微信小程序·小程序
土土哥V_araolin1 天前
一生手护分销模式系统开发概述
大数据·小程序·零售
Можно1 天前
uni-app 三端上线全流程指南:H5 / 小程序 / App 完整发布手册
小程序·uni-app
土土哥V_araolin1 天前
2+1链动退休模式系统(升级版)解析
大数据·小程序·零售