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

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;就可以实现效果。

    评论

报告相同问题?

悬赏问题

  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥15 Stata 面板数据模型选择
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 请问这个是什么意思?
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏