weixin_43127781 2018-11-29 00:59 采纳率: 0%
浏览 15445

ios移动端 软键盘收起后,页面内容不下滑

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>

  • 写回答

6条回答 默认 最新

  • 陶陶小哈尼 2018-11-29 01:05
    关注

    这应该是ios系统下,键盘事件触发,导致position:fixed失效,导致的显示问题,只需要在中间部分外层div添加css样式position:fixed;top:50px; bottom:50px;overflow:scroll;就可以实现效果。

    评论

报告相同问题?

悬赏问题

  • ¥50 易语言把MYSQL数据库中的数据添加至组合框
  • ¥20 求数据集和代码#有偿答复
  • ¥15 关于下拉菜单选项关联的问题
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉,不会对a-b<-200mv有影响吗,就是接受时,对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况