网页在移动端滚动不平滑,手指划一下滚一下,手指一离开直接停,就跟用手指划不动一样

news/2024/11/8 21:34:23/

在移动端上,在你用overflow-y:scorll属性的时候,你会发现滚动的效果很木,很慢,这时候可以使用-webkit-overflow-scrolling:touch这个属性,让滚动条产生滚动回弹的效果,就像ios原生的滚动条一样流畅。

在这里插入图片描述
公司项目移动端在安卓手机浏览器上怎么滑动都好使,就是在ios苹果端不好使,滑动的时候一
卡一卡的,感觉整个人都魔怔了,无奈解决呗:
如果是移动端滑动的话需要改变一个css属性,让移动端滑动可以跟PC端一样流畅

overflow-y: auto;
-webkit-overflow-scrolling:touch;
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.
auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。
touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。

http://www.ppmy.cn/news/432263.html

相关文章

苹果屏和android屏哪个更真实,iPhone 的屏幕为什么比安卓设备更加丝滑?为什么操作更加跟手?...

早在 iPhone 4 发布时,苹果率先提出了 Retina 显示屏幕的概念,称「Retina 显示屏幕的分辨率可以达到人眼无法分辨的精度。」 我们知道显示屏幕的效果是由分辨率的决定的,而分辨率则取决于显示屏幕像素点的数量及屏幕面积。 所以更重要的参数…

滚动截屏苹果_电脑手机技巧:苹果手机滚动截屏最优解

苹果手机有许多地方不如安卓手机方便,比如截长图啊、双开啊、应用锁啊,但这不是本文要讨论的问题。 今天要说的是:如何最大限度地做到像安卓手机那样截图(非safari页面)。 苹果本身没有截长图功能,只能截取当前屏幕。所以&#xf…

android开发使用苹果还是,用专业的眼光对比安卓和苹果(转)

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 对比对象:Android(包括附加HTC Sense 等厂商附加内容,但不包括其他第三方定制系统)iPhone(iOS,不包括部分越狱后Cydia 的一些非主流第三方系统软件) 前注:1) iOS——iPhone、iPod To…

坑!!!高清解决方案导致iOS 上h5页面滑不动的解决办法

首选这个问题出现在我们一个h5页面的首页上,滑不动!在iPhone X和iPhone 11上并且系统版本发现是13.2.2,而iPhone X Max 系统版本12.2的并没有出现。所以我估摸着应该是iOS系统版本13.0以上都会有问题。 然后写了个监听容器滚动的方法&…

页面不能滑动css,css:touch-action致使安卓没法滚动页面

前言 相信你们搜css touch-action很容易搜到一批文章,但感受本身仍是须要写下本身这这个过程当中的一些探索经历。css 之因此写,是由于单独去学知识点或者单独看一篇文章其实很简单的,难的是在本身实践中,由于一个问题找一个方案,而后又引发另一个问题,而这个不断发现问题…

Android手机哪个悬浮好用,别羡慕苹果了,安卓悬浮神器比 iPhone 好用太多!

都 2021 年了,你还不知道安卓悬浮球是款神器? 就在不久前,小黑被友人如此嘲讽。作为一名经常接触数码科技的资深搞机党,小黑一直对悬浮球应用嗤之以鼻。原因也很简单,悬浮球给小黑带来的体验过于差劲。 返回桌面、打开…

大数据杀熟!用苹果手机怪我咯?

导读:有微博大V爆料称,用滴滴打车时,同样行程、同样叫车时间,显示的价格却不一样。不仅如此,长距离出行时,苹果手机打车比安卓手机打车贵不少。用苹果电脑在 Orbitz 上搜房间,价格就比用 PC 搜出…

用什么软件可以测试二手手机真假,小编教你如何检测二手iPhone手机,再也不用担心啦...

原标题:小编教你如何检测二手iPhone手机,再也不用担心啦 买二手的iPhone手机,不会检测的,小编教你,很简单,只需要几个步骤就完成了,不要问小编为什么要买二手iPhone手机,还不如去官方购买安全方便!实话说,如果有这个钱,我当然会选择去官方买,但是手机而已,没那个必…