【小程序】scroll-view在ios机型滚动不流畅

最新推荐文章于 2023-12-18 15:53:56 发布
原创 最新推荐文章于 2023-12-18 15:53:56 发布 · 1.4k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #ios

文章讨论了小程序中scroll-view在iOS设备上滚动不顺畅的原因，指出问题并非滚动补丁，而是由于自定义navbar和tabbar导致的scrollView高度计算错误。解决方法是调整scrollView高度并启用合适的滚动处理属性。

小程序中scroll-view在ios机型滚动不流畅，这个问题不是滚动补流程的问题，是scrollView高度设置的有问题，因为项目是自定义navbar和tabbar，scrollView的高度应该设置为windowHeight-navbarHeight-底部的padding,有的页面没有就可以减底部的padding

可以为scrollView设置


scroll-view{

  overflow: auto;

  -webkit-overflow-scrolling:touch;

}

uni-app——uniapp 中 scroll-view 上下滑动卡顿
qq_43201350的博客
04-05 1891
uni-app——uniapp 中 scroll-view 上下滑动卡顿
微信小程序 -- scroll-view组件在ios上无法滑动的坑
weixin_44622984的博客
12-14 8080
当我们的scroll-view组件在页面中使用,且页面.json设置为页面可滑动时或可触发下拉刷新时 "enablePullDownRefresh ": true, "disableScroll":true, 会出现我们的scroll-view组件在ios真机上会出现卡死,无法滑动的问题 造成这个的原因是因为ios系统内核允许我们将页面进行下拉,可以拉出一段空白的区域,这个时候如果我们滑动下拉页面,会认为我们是在使用ios的下拉,而不会拉动我们的scroll-view组件 要避免这个问题就必须在页面.j
小程序 scroll-view 性能问题
w13511069150的博客
11-06 1652
先说使用场景，一次加载很多数据造成小程序卡顿的问题 ，找了好多都没有好的解决办法，要么太过复杂，然后研究了两天通过简单的办法实现，先根据数量把高度撑开，然后根据滚动位置渲染指定的数据就可以了， 性能简直不要太好。先看效果（视频暂未上传成功,实际业务效果要好于测试效果）。DataManage.js 封装。test1.wxml 布局。test1.wxss 样式。test1.js调用。
ios兼容问题（二）：ios下overflow:scroll卡顿：
mosowe
08-17 1024
ios下overflow:scroll卡顿： 添加以下css代码，即可解决： -webkit-overflow-scrolling: touch;  
RN - iOS - ScrollView联动滚动卡顿问题处理记录
iOSTianNan的博客
06-09 1825
RN 列表联动卡顿问题 iOS 卡顿, 上下左右滚动效果, 卡顿,
微信小程序scroll-view滑动卡顿，下滑时向上滑动失效
weixin_45720604的博客
05-31 7073
微信小程序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 2234
3. 设置overflow: scroll后,父容器高度会固定,scroll-view 内部滚动不会影响外部布局。使用 scroll-view 实现滚动时,外部的父容器需要添加 overflow: scroll 样式。2. 如果不设置overflow: scroll,父容器的高度会被撑大,导致后续布局溢出父容器。原因：1. scroll-view 默认会占满整个容器的高度。使用微信小程序提供的scroll-view组件。注意：这里的scroll-view必须指定高度。
iOS[15.0,15.1)ScrollView滚动“卡顿“适配
MeteoriteMan的博客
01-18 587
[15.0,15.1)调用ScrollView滚动animated属性传入true可能会引起"卡顿".
小程序自定义scroll-view滚动条样式实现方法
最后，考虑到跨端兼容性，微信小程序在 iOS 和 Android 上对 `scroll-view` 的行为略有差异，特别是在回弹效果和滚动惯性方面。因此，自定义滚动条的设计应尽量避免依赖精确像素匹配，而是采用相对比例的方式进行...
视图容器与滚动行为的博弈：深入理解scroll-view在外卖场景的应用
![视图容器与滚动行为的博弈：深入理解scroll-view在外卖场景的应用]...scroll-view作为移动端开发中实现局部滚动的核心组件，在复杂业务场景下兼具灵活性与性能挑战。本文系统阐述了scroll-view的理论机制，涵盖其结构
原生小程序中怎么隐藏view的底部滚动栏
最新发布
10-25
引用[1]提到：在微信小程序中隐藏滚动条的各种方法，包括全局样式、局部样式，或者使用scroll-view组件。 引用[3]和[4]提到了scroll-view组件的使用，特别是scrolltolower事件，这与滚动到底部有关，但用户的问题...
小程序引入halfScreenDialog半屏在iOS有兼容性问题
09-05
小程序引入 `halfScreenDialog` 半屏在 iOS 系统出现兼容性问题的解决方案可从以下方面考虑： ### 样式兼容性 - **布局适配**：iOS 不同机型屏幕尺寸多样，半屏弹窗的布局可能出现错乱。可使用弹性布局 `flex` 或 `...
从点击到滚动完成：详解小程序锚点动画流畅性调优策略
本文系统阐述了锚点定位与滚动行为的理论基础，深入分析小程序视图层渲染机制、scroll-view组件坐标系统及原生API的局限性，并识别出主线程阻塞、重排重绘等性能瓶颈。在此基础上，提出基于requestAnimationFrame的...
微信小程序scroll-view卡死 划不动
mini_1251861209的博客
09-20 3974
一定要给scroll-view设高度，同时他的内容物的高度一定要设的比scroll-view高度高，不然就会出现卡死的情况 如果出现断断续续卡顿的情况，可以尝试删除window配置的这个属性： // "enablePullDownRefresh":"true", ...
微信小程序scroll-view在ios上滑动卡顿问题
weixin_41141811的博客
01-03 6526
解决uni-app的scroll-view滚动问题
baidu_38021142的博客
12-18 1957
scroll-view滚动问题处理
深入研究-webkit-overflow-scrolling:touch及ios滚动
Mr_Yan的博客
09-13 990
1. -webkit-overflow-scrolling:touch是什么？ MDN上是这样定义的： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 ...
微信小程序scroll-view不动的处理
weixin_34129145的博客
04-14 1734
scroll-view原来好好的，最近突然不动了，捣鼓半天，居然是要手工设定为scroll属性！下面两样样式必不可少，一是设定滚动方向上的宽度或高度，二是设置超出的处理为scroll 1、设定宽度 2、overflow:scroll; ...
IOS14 微信小程序 scroll-view 不滚动的问题
weixin_41827052的博客
10-27 1040
各位其实原因只有一个：找找你的样式里面的包含z-index=’-1’或者小于0的情况，需要改成0，scroll-view 外部的父级div也包括。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值