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

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

相关推荐
一点晖光4 小时前
微信小程序输入框光标从中间删除跳到最后bug解决
微信小程序·uniapp·ios光标
小皮虾4 小时前
护航隐私!小程序纯前端“证件加水印”:OffscreenCanvas 全屏平铺实战
前端·javascript·微信小程序
白宇横流学长5 小时前
基于SpringBoot医院复查开药网站和微信小程序的设计
spring boot·后端·微信小程序
项目題供诗7 小时前
微信小程序黑马优购(项目)(七)
微信小程序·小程序
2501_915918418 小时前
HTTPS 端口深度解析,443 并不是唯一入口,理解 TLS 流量行为与抓包策略
网络协议·http·ios·小程序·https·uni-app·iphone
2501_916008898 小时前
iOS 开发者工具全景图,构建从编码、调试到性能诊断的多层级工程化工具体系
android·ios·小程序·https·uni-app·iphone·webview
qq_12498707539 小时前
基于微信小程序的家电维修平台的设计与实现(源码+论文+部署+安装)
微信小程序·小程序·毕业设计
2501_9159214310 小时前
从需求到上架,现代 iOS 开发流程的工程化方法论
android·ios·小程序·https·uni-app·iphone·webview
用户66006766853911 小时前
微信小程序实战:手把手搭建路虎汽车展示小程序
微信小程序
说私域12 小时前
开源AI智能名片链动2+1模式商城小程序在淘宝首页流量生态中的应用与影响研究
人工智能·小程序·开源