ios软键盘弹起遮挡输入框bug(Hbuilder)

背景介绍:webapp+plus,用Hbuilder/HbuilderX打包的app,真机联调或者用HbuilderX打包都没有问题,只有Hbuilder打离线安装包才会出现,在网上找了很久也没有找到解决办法,在此贴出一种解决方案,希望有类似遭遇的大神能到此一游,以获精神交流。

问题:一个页面有很多个输入框(input,textarea),而且可以动态添加和删除输入框,ios点击最下边的输入框,软键盘弹起,滚动条滑到一大半就滑不动了,导致输入框被遮挡,只能忙输。

方案:
1.固定高度的外层div添加样式:

.parentDiv{    
    overflow: auto;
    height: calc(100% - 90px);//根据实际情况设置高度
    -webkit-overflow-scrolling: touch;//ios滚动条流畅度
    position:fixed;
    width:100%;
}
注:height不能用vh
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容