- 博客(4)
- 收藏
- 关注
RSS订阅原创 解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题
html页面在安卓或ios中fixed 页面底部的按钮常常会被弹起，如图，当input获取焦点唤起软键盘的时候，下一步按钮被悬在半空中，那么如何解决呢？起初，顶部餐饮商家头部是fixed在顶部，下一步按钮fixed在页面底部，滑动中间内容部分的时候，头部和底部是固定不动的。但是当input获取焦点唤起软键盘的时候，下一步按钮会悬在半空中，所以我采用position:absolute
2017-12-14 13:44:12
3096
转载 解决js点击click事件在iOS设备上事件延时闪烁的问题
闪烁问题由于在iOS Safari上click事件存在300ms响应延时，所以为touch事件添加样式，会和click事件默认样式叠加而产生闪烁问题。因为ios safari浏览器中对触摸事件的响应顺序是：ontouchstart -> ontouchmove -> ontouchend -> (300ms) onclick快速解决问题的方法：消除click默认样式
2017-12-14 10:52:39
1935
原创 用better-scroll来解决ios中html5页面fixed布局不兼容问题的处理
在做webapp的时候，会遇到顶部导航，底部按钮之类的需求，前端第一想到的就是fixed定位，在Android中是没有问题的，然而在ios中却不那么尽如人意。给大家介绍一个方法，仍然使用fixed，只不过在需要滚动部分的外层再加一层div,也是fixed布局。这里需要用到better-scroll插件。首先，来看一下页面：
2017-12-07 18:23:46
3572
3
原创 input框在ios中的阴影问题
在IOS下，input 和textarea表单默认会有个内阴影，一定程度上影响视觉一致，可通过设置下面代码去掉：input{-webkit-appearance: none;}
2017-12-07 17:40:12
9579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人