微信小程序scrollview 滑动卡顿问题

最新推荐文章于 2024-08-14 09:00:32 发布
最新推荐文章于 2024-08-14 09:00:32 发布
阅读量2.5w 收藏 4
点赞数 3
分类专栏： 微信小程序BugList
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wisdom605768292/article/details/53992990
版权

在使用scroll-view时遇到一个问题，当scroll-view的内容超过一屏时，往下滑动，scroll-view很大几率会卡死，一旦卡死,怎么下滑都没用，需要等几秒钟(这几秒钟内不能继续做下滑操作)，scroll-view自然恢复,这时候再下滑又是OK的，有没有朋友遇到这个坑，怎么解决？



微信小程序 scrollview 卡顿
我也是各种测试，最后锁定了这行代码
pages页面，最后app.wxss,最后是window
window配置的这个属性，删除就万事大吉

// "enablePullDownRefresh":"true",
暂时不知道什么问题，

删除后，滑动的监听函数照常可以触发

wisdom605768292
关注
专栏目录
微信小程序scroll-view使用过程中的一些技巧(....持续更新)
qq_37046592的博客
05-26 785
在微信小程序中scroll-view是一个非常常用的组件，但是在使用的过程中有可能达到的效果与我们想要的不一致，接下来我将总结我在使用scroll-view中遇到的问题和一些技巧： （1）横向滑动（scroll-x="true"） 1）如果我们想要在scroll-view中使用flex布局，我们需要在scroll-view设置属性enable-flex="true",并且在srcoll-view的style中设置white-space:nowrap，另外需要在scroll-view的子项中设置dis..
一招搞定微信小程序ScrollView等组件高度自适应
热门推荐
weixin_42826294的博客
07-09 1万+
你还在为 scroll-view 高度自适应问题而惆怅吗？你还在为 swiper 高度自适应而挠头吗？接下来，跟着我一招撸了他们！ 简介 众所周知，scroll-view 和 swiper 是微信自带的两个非常常用的两个组件，当然也非常好用，但是好用的前提是你得先给他们设置固定的高度，我们来看看官网是怎么说的： 如上图所示，官网明确提出了，scroll-view 是需要设置固定高度的。 设置定高 按照官网的提示，我们来给scroll-view设置高度： <view> <view cl
微信小程序中实现自动滚动
最新发布
qq_42931285的博客
08-14 452
微信小程序中实现自动滚动
解决uni-app的scroll-view滚动问题
baidu_38021142的博客
12-18 1022
scroll-view滚动问题处理
微信小程序拼图验证demo旨在解微信小程序滑动卡顿问题
08-10
微信小程序拼图验证 demo，旨在解微信小程序，滑动卡顿问题
微信小程序scroll-view滑动卡顿，下滑时向上滑动失效
weixin_45720604的博客
05-31 6276
微信小程序scroll-view滑动卡顿滑动卡顿解决方案代码实现wxml文件js文件 滑动卡顿 微信小程序scroll-view组件在滑动时频繁卡顿，向下滑动时，向上滑动无效，无法停止。小程序向下滑动惯性卡顿。 解决方案 scroll-view开启了enable-fresh。判断当前scroll位置，如果不在第一页则关闭enable-refresh，在第一也才开启。 代码实现 wxml文件 <scroll-view scroll-y="true" class="scroll" bindscroll=
解决微信小程序滚动条卡顿的问题
T3165919332的博客
09-20 1646
3. 设置overflow: scroll后,父容器高度会固定,scroll-view 内部滚动不会影响外部布局。使用 scroll-view 实现滚动时,外部的父容器需要添加 overflow: scroll 样式。2. 如果不设置overflow: scroll,父容器的高度会被撑大,导致后续布局溢出父容器。原因：1. scroll-view 默认会占满整个容器的高度。使用微信小程序提供的scroll-view组件。注意：这里的scroll-view必须指定高度。
微信小程序scroll-view卡死 划不动
mini_1251861209的博客
09-20 3738
一定要给scroll-view设高度，同时他的内容物的高度一定要设的比scroll-view高度高，不然就会出现卡死的情况 如果出现断断续续卡顿的情况，可以尝试删除window配置的这个属性： // "enablePullDownRefresh":"true", ...
uni-app——uniapp 中 scroll-view 上下滑动卡顿
qq_43201350的博客
04-05 1059
uni-app——uniapp 中 scroll-view 上下滑动卡顿
解决页面使用overflow: scroll在iOS上滑动卡顿的问题1
08-03
标题中的“解决页面使用overflow: scroll在iOS上滑动卡顿的问题1”指的是在iOS设备上，当HTML元素使用CSS属性`overflow: scroll`时，滚动可能会变得卡顿不顺畅。这个问题通常不会在Android设备上出现，使得开发者...
微信小程序做下滑加载使用 scroll-view （uniapp和微信小程序）
weixin_44291886的博客
06-11 581
使用scroll-view做下滑加载更多内容用scroll-view做下滑加载 所必须用到的scroll-view的属性 1.scroll-y 2.scrolltoupper 用scroll-view做下滑加载 所必须用到的scroll-view的属性 1.scroll-y 2.scrolltoupper //scrolltoupper 为下滑到底部的时候所触碰的事件 当更新页面的时候需要这个属性 <template> <scroll-view :style="{ height: scr
微信小程序长列表组件recycle-view的用法（scroll-view组件不适用于加载大量分页数据，加载到几十页的时候会出现白屏）
梅妮儿的博客
04-29 6626
背景 ####### 使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。 ####### 目前小程序会有不少的应用场景里会用到无限长列表的交互，当一个页面展示很多信息的时候，会造成小程序页面的卡顿以及白屏。原因有如下几点： 因此就有长列表组件来解决这些问题。 ...
使用小程序实现左侧菜单，右侧列表双向联动效果
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
08-25 7186
在小程序开发中，实现双向联动效果，特别是左侧菜单与右侧列表的联动，可以提升用户体验，使用户更加方便地浏览内容。
微信小程序布局问题全解析：优化技巧一网打尽
[微信小程序布局问题全解析：优化技巧一网打尽](https://mmbiz.qpic.cn/mmbiz_png/zcicJSiaC7I6JjetqDZlia89dxVLPhKmJe22KCVA6WJPrqWicyGNPKgLj2EdCMnEKWyOU0viaqSweY2uR7XzMD66pDg/0?wx_fmt=png) # 1. 微信小程序...
【已解决】uni-app scroll-view 上滑卡顿，记录一下
刘现在的博客
02-29 1290
最近在研究uni-app,开发一个app,其中使用了scroll-view,在安卓手机（机器比较老）或者模拟器上滑动，均会出现卡顿，颤抖的问题。scroll-view上的scroll 事件去掉即可。
微信小程序开发随笔之scroll-view占满全屏安卓滚动卡顿
SuperYang的博客
04-02 1357
一、问题描述 在设置scroll-view占满整个页面的时候，android上快速滑动时出现卡顿或不流畅。 二、解决方案 将页面设置为不可滚动。如果需要下拉刷新功能，使用scroll-view的下拉刷新功能。 三、部分代码 *.json ...
小程序 scroll-view 出现滚动卡顿解决
pspxuan的博客
08-15 4492
目前问题只会在真机上出现，开发工具中无法复现 网上有多种方式都列举出来，以便以后查阅 scroll-view 内容太多，并且设置了 absolute ，将层级设高即可解决，原理不明。（反正我是这么解决的） 将 JSON 文件中的 "enablePullDownRefresh":"true", 删除 设置 scroll-view 的高度 选择不同的基础库调试 给 view 和 scrll-view 设置 -webkit-overflow-scrolling: touch ...
微信小程序scroll-view在ios上滑动卡顿问题
weixin_41141811的博客
01-03 6423
【小程序】scroll-view在ios机型滚动不流畅
lily19970107的博客
11-27 904
这个问题不是滚动补流程的问题，是scrollView高度设置的有问题，因为项目是自定义navbar和tabbar，scrollView的高度应该设置为windowHeight-navbarHeight-底部的padding,有的页面没有就可以减底部的padding。可以为scrollView设置。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值