码迷,mamicode.com
首页 > 移动开发 > 详细

移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移

时间:2017-02-06 12:08:37      阅读:5560      评论:0      收藏:0      [点我收藏+]

标签:body   put   app   lin   键盘   标签   ...   使用   wrap   

一、mui框架中点击input后,安卓手机弹出自带的输入键盘时,页面自动上移

实现方法:

(1)只要把input标签放在mui-content这个类里面就可以了

<div class="mui-content">
    <input .../>
</div>

注意:在有些情况下不适用,当把input标签放入mui-scroll中就不行了,也就是说mui-content和mui-scroll同时存在时不适用

<div class="mui-content">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
      <input ... />    
     </div>
    </div>
</div>

(2)使用js方法进行解决,在body中添加

<body onresize="document.activeElement.scrollIntoView(true);">

注意:表单不能添加padding和margin样式,不然回滚会反弹

移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移

标签:body   put   app   lin   键盘   标签   ...   使用   wrap   

原文地址:http://www.cnblogs.com/zsz179248496/p/6369354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!