ios固定定位fixed兼容问题
2016-11-11 15:49
477 查看
将发送的输入框固定在底部时,iOS中,输入框会随着内容上下浮动。解决方法是将内容放在一个div里面
.main{
/* main绝对定位,进行内部滚动 */
width:100%;
position: absolute;
top: 1px;
bottom: 34px;
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性 */
-webkit-overflow-scrolling: touch;
}
这样的话,在安卓端会出现卡顿现象。-webkit-overflow-scrolling: touch;可以解决。
.main{
/* main绝对定位,进行内部滚动 */
width:100%;
position: absolute;
top: 1px;
bottom: 34px;
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性 */
-webkit-overflow-scrolling: touch;
}
这样的话,在安卓端会出现卡顿现象。-webkit-overflow-scrolling: touch;可以解决。
相关文章推荐
- position:fixed 固定定位(兼容IE6)问题及关闭浮动框的JS
- 学习笔记 如何解决IE6 position:fixed固定定位问题{转载}
- 兼容IE6的fixed定位,解决闪动问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题!
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6下固定定位问题 使用position:fixed
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- fixed定位,解决IE6兼容及闪动问题
- 解决 IE6 position:fixed 固定定位问题(div固定,不随着滚动条滚动)
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 完美解决IE6浏览器下不兼容position:fixed固定定位