移动web开发经验总结
16lz
2021-01-24
1、低版本Android下input有CSS3动画会让输入框失去焦点,解决办法是低版本Android下去掉所有CSS3动画。
.ua-ios .ipt{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.ua-oldAndroid .ipt {-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.ua-ios .mail-list .list-item,
.ua-ios .menu-item,
.ua-ios .menu-split{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.atts .att-preview{overflow:hidden;width:50px;height:50px;border:1px solid transparent;} 5、IOS下fixed定位(比如框架顶部提示信息),当键盘收起的时候会有残影:fixed元素不会随着键盘收起而移动到页面顶部,而是保持在页面中间,需要hack改成绝对定位。
.frame-tips{position:fixed;z-index:30;left:0;top:0}
.ua-ios .frame-tips{position: absolute}
.mRead-reply .btn{position:absolute;right:0;top:0;/*opacity:0;*/overflow:hidden;display:block;width:64px}
7、在Android4.1下,如果textarea聚焦的时候,其高度或者其兄弟节点的高度产生变化,那么textarea就会被软键盘挡住而不会自动调整位置,这里需要去掉所有效果,默认显示输入框展开状态。所以Android下尽量不要在textarea和input上做动画。 8、Android下div的高度设置成100%,同时设置其overflow:auto;那么滚动条就会出现在这个div上面。 这个时候会出现抖动,所以建议Android下页面的滚动能且只能出现在body节点上面!更多相关文章
- Android---Gallery
- setAnimationStyle实现的popwindow显示消失的动画效果
- Layout动画入门
- android之软键盘管理
- Android(安卓)性能优化 RecyclerView替代Listview用法
- 关于启动Activity动画样式以及问题。
- android animator
- android 设置activity启动退出动画 | 解决设置activity 动画不生
- android 面试知识个人积累1