扫码关注官方订阅号
外层p设置了overflow: auto 超出的部分隐藏并可以滑动,在pc端模拟器很流畅,但是到了手机上变了很卡顿;
overflow: auto
人生最曼妙的风景,竟是内心的淡定与从容!
不知道你的是怎么写的,我总结一下我们做移动端动画的一些注意事项,1.尽可能减少动画元素的嵌套深度,2.对动画元素尽可能用position:absolute的布局,3.gpu加速(这个一般正常都是开的),4.img有时候我们会用背块来代替(不是特别确定因为我们的有些场景确实有效),正常来说注意1,2点就好了,对了还有注意css动画的话尽量用transform这个属性做大小和位置的调整。
看你数据多少。如果内容不多.dom元素也不多,除非个别安卓机器,都不应该出现卡顿情况。单页面dom元素控制在50到100内比较好,然后使用懒加载
ios 下面滚动会很不自然是嘛?加上这个属性试试 -webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
你应该是最外层用了 postion:absolute的布局了,最外层要用 relative的布局才不会这样,如果你实在要在最外层搞absolute得话那么你得在滚动的那一层上加 -webkit-overflow-scrolling: touch;
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不知道你的是怎么写的,我总结一下我们做移动端动画的一些注意事项,1.尽可能减少动画元素的嵌套深度,2.对动画元素尽可能用position:absolute的布局,3.gpu加速(这个一般正常都是开的),4.img有时候我们会用背块来代替(不是特别确定因为我们的有些场景确实有效),正常来说注意1,2点就好了,对了还有注意css动画的话尽量用transform这个属性做大小和位置的调整。
看你数据多少。如果内容不多.dom元素也不多,除非个别安卓机器,都不应该出现卡顿情况。单页面dom元素控制在50到100内比较好,然后使用懒加载
ios 下面滚动会很不自然是嘛?加上这个属性试试
-webkit-overflow-scrolling: touch;你应该是最外层用了 postion:absolute的布局了,最外层要用 relative的布局才不会这样,如果你实在要在最外层搞absolute得话那么你得在滚动的那一层上加
-webkit-overflow-scrolling: touch;