iphone微信页面的一些小优化

1.overflow: scroll;滑动不流畅

用css代码overflow: scroll;来写滚动很方便,但是最近发现在iphone端overflow: scroll;写的滚动效果很生硬,而且滚动不流畅~
解决的方法很简单,只要加一行代码就好:
-webkit-overflow-scrolling : touch;

2.取消click事件和tap事件的灰色背景闪动效果

在iphone移动端给一个元素绑定了click事件或者tap事件(jqMobile),有的时候在点击触发时,会有灰色的背景闪动~
解决的方法同样很简单,也是一行代码:
-webkit-tap-highlight-color:rgba(0,0,0,0);

3 隐藏overflow: scroll的滚动条

还是一行css代码:
::-webkit-scrollbar{ width: 0px; }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 727评论 0 1
  • META相关 1. 添加到主屏后的标题(IOS) 2. 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕...
    老夫的天阅读 3,099评论 3 21
  • 在口腔医院工作多年,经常碰到患者说出一些令我啼笑皆非的言论,今天我就和大家说说关于牙齿那些你所不知道的事,或者是你...
    亮晶晶的心阅读 705评论 0 4
  • 本来标题想叫我与音乐,我总是犯本位主义错误,改不了就索性不改了,只不过这一次音乐才是本位。 第一次...
    常常常常耕阅读 278评论 0 1
  • 系统调用:用户在编程时可以调用的操作系统功能 系统调用是操作系统提供给编程人员的唯一接口,使CPU状态从用户态陷入...
    SeanC52111阅读 1,940评论 0 0