搜索
开启辅助访问切换到窄版
查看: 49|回复: 0

[CSS/CSS3] -webkit-overflow-scrolling,HTML5网页内都有快速滚动和回弹的效果

[复制链接]

35

主题

282

学分

0

好友

管理员

Rank: 9Rank: 9Rank: 9

积分
282
发表于 2018-10-5 14:46:52 | 显示全部楼层 |阅读模式
Html5手机页面,在Android手机上滑动的时候不卡,但是在iPhone上滑动的时候很卡的样子。

网上搜了下,原来是H5网页针对移动端的快速滚动和回弹的效果。一行css样式搞定。

  1. body{-webkit-overflow-scrolling : touch;}
复制代码

(唉,刚开始还以为是js监听滚动造成的,把js注释掉了还有这个问题。现在才发现是css的问题)

参考:https://developer.mozilla.org/zh ... -overflow-scrolling
http://blog.csdn.net/hursing/article/details/9186199
http://blog.csdn.net/kakaxid/article/details/53816350

评分

参与人数 1学分 -5 收起 理由
皇虫 -5 神马都是浮云

查看全部评分

阿Q问答,程序员专属知识问答平台!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

阿Q问答

程序员专属知识问答平台!

关于我们

Archiver|手机版|小黑屋|阿Q问答  

Powered by Discuz! X3.3 © 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表