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

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

相关推荐
2601_949804925 分钟前
开源多商户商城源码最新版_适配微信小程序+H5+APP+PC多端
微信小程序·小程序
码云数智-大飞14 分钟前
2026主流自助建站平台对比评测
微信小程序
2601_949804921 小时前
宇鹿家政服务系统小程序ThinkPHP+UniApp(
小程序·uni-app
2501_933907213 小时前
上海本凡科技的微信小程序公司主要提供哪些服务?
科技·微信小程序·小程序
码农客栈4 小时前
小程序学习(十七)之获取前台分类数据并渲染
小程序
2601_949804924 小时前
【全开源】AJAX家政上门服务系统小程序自营+多商家(高级授权)+独立端
小程序
h7ml4 小时前
查券返利机器人图像识别:OpenCV 模板匹配对抗淘宝小程序动态化骨架屏
opencv·小程序·机器人
低代码布道师4 小时前
教培管家第14讲:家长端——打造合规且顺畅的登录门户
低代码·小程序·云开发
说私域4 小时前
私域流量生态重构:链动2+1模式S2B2C商城小程序的流量整合与价值创造
人工智能·小程序·流量运营·私域运营
说私域4 小时前
AI智能名片S2B2C商城小程序赋能下线上向线下导流的机制与效果研究——基于线下专属优惠券的视角
人工智能·小程序·流量运营·私域运营