IOS webapp常见问题

Posted 2020-12-06 Comedy

1.解决滑动卡顿/不流畅/掉帧

-webkit-overflow-scrolling: touch;

 

2.禁止input弹出键盘

<input type="text" onfocus=‘this.blur();‘/>

 

3.禁止长按保存图片

img{ pointer-events:none;}

 

4.禁止点击产生灰色高亮背景

-webkit-tap-highlight-color:rgba(0,0,0,0);

 

5.尽量不要用position:fixed，fixed通常都是用于底/顶部导航栏或者顶部标题栏，如果非要用，那么要将内容与标题独立开，不要混在一起，混在一起会出现fixed失效或者其他神奇特效。

//待续