ios手机页面滑动卡顿问题

说起来真是件悲伤的事情，开发了这么多移动端页面，今天犯了一个低级，而我却不知道的错误。

因为现在移动设备真是贼辣多，手机屏幕的高度，宽度各式各样。

所以我们有一些页面高度不够长，在iPhone8x、三星长屏手机等页面显示不全，所以我开发的时候，有时候会给html和body都设置上height：100%，所以在ios手机上这个页面滑动的时候就会卡顿了。

正确的做法应该是这样的：给html设置一个min-height:100%;给body设置一个

max-width : 750px ;

margin : 0 auto ;

所以，错误就出在了

html,body{

height: 100%;

}

删除上述代码即可。

如果还不行啊，网上有人是这样推荐的

其他原因：
*{
-webkit-overflow-scrolling: touch;
}
增加上述代码。

ios手机页面滑动卡顿问题相关推荐

app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
h5 android 滚动条卡顿,h5页面滑动卡顿解决方法
解决方式: 给滚动的元素加样式:-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling(允许独立的滚动区域和触摸回弹) 如果值为au ...
ios 平滑移动view_解决页面使用overflow: scroll在iOS上滑动卡顿的问题
最近的一次开发中,使用到了overflow:scroll 属性来滑动div. 如果你对某个div或模块使用了overflow: scroll属性,在iOS系统的手机上浏览时,则会出现明显的卡顿现象. ...
解决页面使用overflow: scroll在iOS上滑动卡顿的问题
解决页面使用overflow: scroll在iOS上滑动卡顿的问题参考文章: (1)解决页面使用overflow: scroll在iOS上滑动卡顿的问题 (2)https://www.cnblog ...
微信小程序ios滑动问题（滑动卡顿，下拉拖动自定义导航栏）
微信小程序ios滑动问题(滑动卡顿,下拉拖动自定义导航栏) 1.ios中个别机型类似6s ,对微信自带的scroll-view无法滑动: 解决:在滑动内容区添加css属性,overflow: auto ...
iOS性能优化-UI卡顿检测
前言在实现需求的同时,能写出既优雅性能又高效的代码是每个开发者都在追求的目标,但是在实际开发中,随着每个版本需求的迭代,功能变得越来越复杂,加上开发者的意识不够或者一时疏忽,日渐复杂的工程很容易产生 ...
Systrace 流畅性实战 2 ：案例分析: MIUI 桌面滑动卡顿分析
当我们说流畅度的时候,我们说的是什么?不同的人对流畅性(卡顿掉帧)有不同的理解,对卡顿阈值也有不同的感知,所以有必要在开始这个系列文章之前,先把涉及到的内容说清楚,防止出现不同的理解,也方便大家带 ...
zuk android系统耗电高,联想ZUK手机出现大规模卡顿耗电问题解决办法让人忍俊不禁...
原标题:联想ZUK手机出现大规模卡顿耗电问题解决办法让人忍俊不禁集微网消息,(罗明/文)联想在干掉亲儿子ZUK之后,把Moto亲自扶上正位,可是问题来了,那些买了ZUK手机的成千上万用户还在,虽然 ...
Android列表滑动卡顿分析与优化
一目标尝试解决首页 HomeFragment 在低端机型上滑动存在卡顿的问题. 二测试设备华为荣耀 9i Android 8.0 内存 4G CPU 麒麟659 三数据采样刚进应用存在 M ...

ios手机页面滑动卡顿问题

ios手机页面滑动卡顿问题相关推荐

最新文章

热门文章