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; }

你可能感兴趣的:(iphone微信页面的一些小优化)