html5 手机端怎么优化页面滑动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5 手机端怎么优化页面滑动相关的知识,希望对你有一定的参考价值。

参考技术A 1、如果是div设置了滚动条导致滑动不顺畅,可以在css中加入-webkit-overflow-scrolling : touch;
2、如果是幻灯片,可以用swiper插件一类的。
3、尽量用css3开启GPU加速(css随便哪里加个transform:transition3d(0,0,0);),用transform:translate(x,y)代替mairgin或者top。
4、减少滑动过程中的运动DOM。

移动端触屏 也就H5页面 左右滑动 返回上一页?

移动端触屏 也就H5页面 左右滑动 返回上一页?

注意,本非在一个页面中的滑动翻页效果~!

APP上能实现,不知道HTML上能不能实现呢?

参考技术A 原生的没有,可以使用插件jquerymobile或者zeptojs,都有滑动事件

以上是关于html5 手机端怎么优化页面滑动的主要内容,如果未能解决你的问题,请参考以下文章

在移动端滑动卡顿怎么样解决

移动端触屏 也就H5页面 左右滑动 返回上一页?

手机端如何用JS实现触屏 表格列左右滑动的效果

vue前端谷歌测试正常,手机端不能滑动怎么办(安卓,苹果都不能滑动)?

移动端网站如何优化,移动端网站HTML5前端性能优化指南

HTML5在手机端怎么发起微信支付