ios滑动区域卡顿和左右滑动，上下留白问题

最新推荐文章于 2023-05-16 16:39:40 发布
最新推荐文章于 2023-05-16 16:39:40 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42458965/article/details/108357917
版权

这是因为你的宽度（width）超出了，iphone手机设备的宽度。

上下滑动，还能滑动出很大的一块空白区域，是因为iphone手机的单手操作模式，这是正常的现象

滑动卡顿，是因为滑动操作太频繁，对滑动触发事件太多，线程卡顿。可以进行优化，对滑动操作的响应事件添加添加一个节流防抖

喂维围
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿IOS的越界回弹效果和左右滑动功能
08-28
本文主要给大家讲述了制作一个仿IOS的越界回弹效果和左右滑动功能,简易的侧滑菜单控件，对此有兴趣的朋友参考下学习下吧。
iOS中3DTouch预览导致TableView滑动卡顿问题解决的方法
08-27
主要给大家介绍了关于iOS中3DTouch预览导致TableView滑动卡顿问题解决的方法，文中通过示例代码介绍的非常详细，对同样遇到的朋友们具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧。
iOS开发上下滑动UIScrollview隐藏或者显示导航栏的实例
08-28
下面小编就为大家分享一篇iOS开发上下滑动UIScrollview隐藏或者显示导航栏的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
IOS代码笔记之左右滑动效果
09-02
主要为大家详细介绍了IOS代码笔记之左右滑动效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
解决页面使用overflow: scroll在iOS上滑动卡顿的问题1
08-03
故事背景：最近的一次开发中，使用到了overflow：scroll属性来滑信心满满的以为不会出现任何问题，看来还是太清高自傲了，于是写下这篇随笔特此总结一番。机
苹果小程序上下拉出现留白情况
xiaokangna的博客
04-15 2844
苹果小程序上下拉出现留白情况 今天做小程序测试发现一个bug，小程序上下拉的时候会出现留白底的情况，或者是红底的情况，安卓机不会出现这种情况 解决方法分多种 1、第一种，如果你只是需要解决他颜色的问题，可以直接将其设置成跟你小程序背景色一样就可以了 2、第二种就是你需要用到获取滚动值，需要获取滚动多少百分比的时候，就会导致他距离超出，百分比会超过100%，目前我的解决方法就是判断他如果等于100或者大于100，那就等于100，下拉也是，判断小于0或者等于0，那就是0，这个属性苹果的一个自带的bug，目前还
微信小程序解决iOS左右拉动有留白的兼容性问题
搬砖小鱼，请多指教呦
07-25 2596
当我们使用scroll的时候会发现ios会因为scroll的长度而可以左右滑动，安卓却不会，这个体验非常的不好 解决这个问题页非常简单，产生滑动的区域外面包裹一个view，给他一个属性： overflow-x：hidden ...
解决微信小程序下拉上方出现空白，需要手动才能再次滑动上去
栖身星河之中
04-11 2339
问题如下图所示 1.是否开启当前页面下拉刷新 //关闭 "enablePullDownRefresh":false //开启 "enablePullDownRefresh":true 2.页面配置：在页面json里添加（#单独页面关闭下拉刷新） 3.小程序配置：在全局在json里添加（#如果全局都需要关闭下拉刷新） { "window":{ "enablePullDownRefresh":false } } ...
iOS 运行时ScrollView上出现空白空间－解决方案
野草志
07-03 4733
iOS7 中的UIViewControllers设置了automaticallyAdjustsScrollViewInsets。如果是YES，scrollview会根据status bar， navigation bar以及tool bar或者tab bar的高度自动调整。可以通过在storyboard的右侧进行设置，在Attributes Inspector中，不勾选“Adjust Scroll
关于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题
weixin_30528371的博客
09-28 883
小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现： 1.scroll-view 中的需要滑动的元素不可以用 float 浮动； 2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的； 3.scroll-view ...
【ionic+angularjs】iphone手机页面滑动出现空白页面
MCpang的博客
02-14 3519
在开发ionic的页面时，在iphone手机上使用时，屏幕的上下滑动经常会出现白屏（页面空白）。经分析得出出现这种情况的原因： 1、在标签中设置了属性overflow-scroll="true" 2、页面中所有元素在渲染后的高度没有超出允许展示的高度（不会出现滚动条） 去掉属性overflow-scroll="true"，即使用ionic原生滚动，不管页面中所有元素在渲染后的高度是否超出
微信小程序-iphone打开页面空白，报错Miniprogramerror Syntaxerror...
呆子小木心的博客
06-20 5483
微信小程序-iphone打开页面空白，报错Miniprogramerror Syntaxerror...
微信小程序填坑之路（七）：scroll-view的scroll-into-view属性
热门推荐
李益
04-21 2万+
前言 最近做一个项目，有个页面中需要列表展示图片，并且刚进入展示页面的时候，不是直接显示顶部，而是显示列表中指定图片的位置。正好 scroll-view 的 scroll-into-view 属性可以滑动到列表中的指定 item 位置，就不用在额外去做别的实现了。 scroll-into-view的注意点 scroll-into-view 是 scroll-view 的一个属性，主要作用是用于滚动...
部分iphone、安卓手机打开微信小程序不请求、白页问题
爪哇盘古
01-17 3903
微信小程序开发版、体验版上传后是不会自动ES6转ES5，这也就导致部分机型的系统【不更新】不支持ES6语法而且开调试还不报错！会不会是代码采用了大量的ES6+呢？快看看自己的科技代码！可能你用的是开发者工具真机调试2.0！检查接口ssl证书是否支持ATS！你会神奇的发现不好使机型好使了！没有新特性的话切回1.0吧！不支持的话就换个证书吧！
scrollerview滑动以后屏幕上面留白
Fu_Tong的博客
04-19 690
【bug】小程序 view设置滚动条出现多余空白区域
weixin_41786574的博客
07-12 2213
问题如图，多出来红色方框的空白区域 代码 <!-- wxml --> <view class='recordArea' scroll-y='true'> <record-panel class='recordPannel' date='2019-07-12'></record-panel> </view> /* wx...
微信小程序苹果手机左右拉扯出现空白区域
yjdyyds的博客
07-22 443
微信小程序苹果手机左右拉扯出现空白区域
微信小程序scroll-view滚动scrollTop不准确
woshiabc111的博客
05-16 1727
如果在方法内写this.setData这种赋值的操作小程序可能会卡死无法滑动，建议在scrollTop到达一定数值后在进行操作，比如scrollTop=0先判断时候滑动到顶部或者底部，再来控制其他view的显示隐藏。1.这是因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流可以在scroll-view 加一个 throttle=“{{false}}” 关闭节流。2.减少scroll方法内的操作因为scroll-view内随便滑动一下监听事件可能。小程序里使用scroll-view。
原生小程序向上拉滑动以后出现空白的问题
zq13329的博客
03-31 272
利用flex布局，将这几个板块进行纵向排列，设置flex：0-1来决定每个板块高度大小而blist-warp盒子因为要向下滑动需要设置overflow-y: auto;overflow-y代表它溢出了元素的内容区就会剪辑div元素的顶部/底部边缘内容。
解决页面使用overflow: scroll，overflow-y:hidden在iOS上滑动卡顿的问题
最新发布
06-08
在 iOS 上，使用 `overflow: scroll` 或 `overflow-y:hidden` 时会出现滑动卡顿的问题，这是因为 iOS 会将页面内容放在一个滚动层中，而滚动层的滚动速度比页面的滚动速度慢，导致滑动卡顿。为了解决这个问题，可以尝试以下方法： 1. 使用 `-webkit-overflow-scrolling: touch` 属性，启用 iOS 的滚动优化功能，可以提高滚动的流畅度。 ``` div { overflow: scroll; -webkit-overflow-scrolling: touch; } ``` 2. 禁用页面的默认滚动事件，使用自定义的滚动事件来实现页面的滚动，可以提高滑动的流畅度。 ``` document.addEventListener('touchmove', function(e) { e.preventDefault(); }, { passive: false }); ``` 以上两种方法都可以有效解决在 iOS 上使用 `overflow: scroll` 或 `overflow-y:hidden` 时滑动卡顿的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值