1.ios 下postion:fixed问题
问题描述:设计评论页面,使用position:fixed定位将输入框固定在页面底部,如图:
这种情况下,输入框在获取到焦点时,会随着输入法的弹出而上移。安卓的webview中是没有问题的。而ios中,输入法的弹出会导致整个页面向上滚动一定距离,问题如图:
原因:我的内容区高度设置为100%,也就是说,评论框的下方不可见的区域中存在的内容是使position:fixed样式失效的部分原因。网上大部分方法是根据浏览器动态更改fixed为static。但是我的想法是将评论区的高度固定,这样评论框下方没有因为评论内容过多而不显示的区域。当输入法弹出时评论框也就不会被这原本不显示的区域顶上去。同时还要设置评论内容区overflow-y:scroll,保证内容区的滚动。 <