web端ios和android布局fixed元素软键盘唤起时fixed失效

最新推荐文章于 2022-05-25 10:32:07 发布

清澈@Cherry

最新推荐文章于 2022-05-25 10:32:07 发布

阅读量739

点赞数

分类专栏：前端文章标签： h5 input

前端专栏收录该内容

37 篇文章 0 订阅

订阅专栏

转自:https://blog.csdn.net/qq_26744901/article/details/51298865,项目中有使用Jquery Mobile制作的H5工程,通过Hbuilder工具打包成android的apk,在有表单输入的界面,发现一个很奇怪的问题就是,点击输入,弹出键盘,整个界面就会一起滚动,原本的fixed属性会失效,参考这位博主的思路,就是把表单放在一个div里面,然后设置如下style就可以了:

 .main {  
            position: absolute;  
            top: 50px;  
            bottom: 50px;  
            width: 100%;  
            /* 使之可以滚动 */  
            overflow-y: scroll;  
            /* 增加该属性，可以增加弹性 */  
            -webkit-overflow-scrolling: touch;  
        }