ios移动端输入内容,软键盘弹出,页面内容整体上移。
但是键盘收起,页面内容不下滑。
安卓没问题。
<style>
.chat_footer{
bottom:0;
left:5%;right:5%;width:90%;
position:absolute;
}
textarea{
width:90%;
padding-left: 0.1rem;
max-height: 6.15rem;
border-top: 0px;
border-left: 0px;
border-right: 0px;
resize: none;
height: 1.5rem;
width: 100%;
line-height: 1.5rem;
font-size: .75rem;
background: #efeff4;
border-radius: .2rem;
border: none;
outline: none;
height: 25px;
}
.chat_footer.on{
border-top:1px solid #eee;
}
</style>
<body>
<div class="chat_footer on" >
<textarea id="text"></textarea>
</div>