小程序 scroll-view 出现滚动卡顿解决

最新推荐文章于 2024-04-05 14:34:26 发布
最新推荐文章于 2024-04-05 14:34:26 发布
阅读量4.9k 收藏 5
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pspxuan/article/details/108020985
版权

目前问题只会在真机上出现，开发工具中无法复现

网上有多种方式都列举出来，以便以后查阅

  1. scroll-view 内容太多，并且设置了 absolute ，将层级设高即可解决，原理不明。（反正我是这么解决的）
  2. 将 JSON 文件中的 "enablePullDownRefresh":"true", 删除
  3. 设置 scroll-view 的高度
  4. 选择不同的基础库调试
  5. 给 view 和 scrll-view 设置 -webkit-overflow-scrolling: touch
【微信小程序】7个步骤玩转微信小程序scroll-view滚动视图容器，你get了吗？
java专栏
11-24 1139
通过以上详细介绍，相信你已经对微信小程序的滚动视图容器有了全面的了解。组件不仅能够实现基本的滚动效果，还能通过设置不同的属性实现丰富的交互体验。合理使用组件的属性和最佳实践，可以让你的小程序页面更加流畅和美观。希望你能轻松掌握这些技能，成为微信小程序开发的高手！🌟🚀下次见，祝你开发愉快！👋🎉。
微信小程序组件解读和分析：二、scroll-view（scroll-view可滚动视图区域组件）
程序猿大侠的博客
03-31 1015
scroll-view可滚动视图区域组件说明: 可滚动视图区域。 组件用法：纵向滚动用法 Tip: 使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。 当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出） 当滚动到底部时会触发bindscrolltolower事件（具体可留意GIF输出）
uni-app——uniapp 中 scroll-view 上下滑动卡顿
qq_43201350的博客
04-05 1620
uni-app——uniapp 中 scroll-view 上下滑动卡顿
解决微信小程序滚动条卡顿的问题
T3165919332的博客
09-20 2013
3. 设置overflow: scroll后,父容器高度会固定,scroll-view 内部滚动不会影响外部布局。使用 scroll-view 实现滚动时,外部的父容器需要添加 overflow: scroll 样式。2. 如果不设置overflow: scroll,父容器的高度会被撑大,导致后续布局溢出父容器。原因：1. scroll-view 默认会占满整个容器的高度。使用微信小程序提供的scroll-view组件。注意：这里的scroll-view必须指定高度。
【小程序】scroll-view在ios机型滚动不流畅
lily19970107的博客
11-27 1268
这个问题不是滚动补流程的问题，是scrollView高度设置的有问题，因为项目是自定义navbar和tabbar，scrollView的高度应该设置为windowHeight-navbarHeight-底部的padding,有的页面没有就可以减底部的padding。可以为scrollView设置。
微信小程序scroll-view滑动卡顿，下滑时向上滑动失效
weixin_45720604的博客
05-31 6786
微信小程序scroll-view滑动卡顿滑动卡顿解决方案代码实现wxml文件js文件 滑动卡顿 微信小程序scroll-view组件在滑动时频繁卡顿，向下滑动时，向上滑动无效，无法停止。小程序向下滑动惯性卡顿。 解决方案 scroll-view开启了enable-fresh。判断当前scroll位置，如果不在第一页则关闭enable-refresh，在第一也才开启。 代码实现 wxml文件 <scroll-view scroll-y="true" class="scroll" bindscroll=
微信小程序scrollview 滑动卡顿问题
热门推荐
wisdom605768292的专栏
01-03 2万+
在使用scroll-view时遇到一个问题，当scroll-view的内容超过一屏时，往下滑动，scroll-view很大几率会卡死，一旦卡死,怎么下滑都没用，需要等几秒钟(这几秒钟内不能继续做下滑操作)，scroll-view自然恢复,这时候再下滑又是OK的，有没有朋友遇到这个坑，怎么解决？ 微信小程序 scrollview 卡顿 我也是各种测试，最后锁定了这行代码
微信小程序scroll-view的滚动条设置实现
10-15
在实际开发中，还可能遇到 `scroll-view` 的其他问题，例如在 iOS 设备上可能出现滚动卡顿和点击事件不触发的情况。对于这些问题，可能需要采用一些技巧来规避，比如调整 `scroll-view` 的样式属性，或者在某些情况...
关于scroll-view和下拉刷新的那些坑
03-29
众所周知，小程序不支持操作dom元素，但最近公司做了这样的一个功能，滚动scrollview 标签，当页面滚动到一定的高度时，给页面一个固定导航，并且还要执行下拉加载的方法。由于在官方文档的说明中，使用竖向滚动时，...
微信小程序之<scroll-view>应用实例
04-12
在微信小程序开发中，`<scroll-view>`组件是不可或缺的一部分，它主要用于实现可滚动视图区域，能够处理大量数据或内容展示的需求。本教程将深入探讨`<scroll-view>`的应用实例，包括如何实现查询全部、待付款、待...
【已解决】uni-app scroll-view 上滑卡顿，记录一下
刘现在的博客
02-29 2138
最近在研究uni-app,开发一个app,其中使用了scroll-view,在安卓手机（机器比较老）或者模拟器上滑动，均会出现卡顿，颤抖的问题。scroll-view上的scroll 事件去掉即可。
uniapp scroll-view下拉滑动卡顿问题解决
Matilda________的博客
01-06 3786
scroll-view外面不要包裹父元素 scroll-viewt添加class定宽高 <scroll-view refresher-background="lightgrey" scroll-y="true" class="scroll-view-item" @refresherrefresh="refresherrefresh" @refresherre
iOS[15.0,15.1)ScrollView滚动“卡顿“适配
MeteoriteMan的博客
01-18 518
[15.0,15.1)调用ScrollView滚动animated属性传入true可能会引起"卡顿".
微信小程序scroll-view卡死 划不动
mini_1251861209的博客
09-20 3845
一定要给scroll-view设高度，同时他的内容物的高度一定要设的比scroll-view高度高，不然就会出现卡死的情况 如果出现断断续续卡顿的情况，可以尝试删除window配置的这个属性： // "enablePullDownRefresh":"true", ...
小程序员 scroll滚动与页面滚动冲突造成快速滑到底部卡顿失败问题
LlanyW的专栏
11-08 1157
加上bindscroll="scrollEvent"， js写上onPageScroll， scrollEvent事件，可以用看到，执行不同的滚动。当页面使用scroll-view, 内容过多产生滚动时， 如果scrollview 的高度未配置ok,页面滚动功能和。会产生冲突，滑动到最头或者最底会有卡顿现象，是因为一会scroll滚动，一会是页面滚动，当需要悬浮导航栏的时候 监听scroll-view的距离顶部的高度。让scroll-view包裹页面所有内容。
微信小程序scroll-view在ios上滑动卡顿问题
weixin_41141811的博客
01-03 6487
微信小程序开发随笔之scroll-view占满全屏安卓滚动卡顿
SuperYang的博客
04-02 1440
一、问题描述 在设置scroll-view占满整个页面的时候，android上快速滑动时出现卡顿或不流畅。 二、解决方案 将页面设置为不可滚动。如果需要下拉刷新功能，使用scroll-view的下拉刷新功能。 三、部分代码 *.json ...
ScrollView中嵌套ViewFlow滑动卡顿解决办法
原来我是成成
10-10 2322
ScrollView中嵌套ViewFlow滑动卡顿解决办法
uniapp scroll-view防抖
weixin_45849330的博客
04-15 1976
<scroll-view @scroll="scroll" @scrolltolower="scrolltolower" :scroll-anchoring="true" scroll-y scroll-with-animation :scroll-top="scrollTop" class="wh"> </scroll-view> scrollTop: 0, old: { scrollTop: 0 }, // 滚动 scroll(e) { // this.scr
微信小程序 scroll-view ios 弹性
最新发布
03-18
在微信小程序中，`scroll-view` 的默认行为会在滚动超出边界时表现出一种“回弹”的效果，这种现象尤其明显于 iOS 平台。这是由于 iOS 原生支持的弹性滚动机制所致[^2]。 当开发者希望禁用此弹性效果时，可以通过...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值