ios下弹出软键盘后header会随着页面的滚动而消失在顶部

首先说一下为什么会出现这个情况,那是因为ios弹出软键盘的时候,webview的高度没有变化导致超出屏幕范围,而plus这时候又会自动把header的 position:fixed 属性设置为 position:relative,header就跟着滚动了。。。。

解决办法很简单,只要是现在最新版本的plus,都有这个

    plus.webview.currentWebview().setStyle({
        softinputMode: "adjustResize"  // 弹出软键盘时自动改变webview的高度
    });

只要你在plusready里面写入这个,就可以解决header跟着滚动的问题

==============问题结束分割线===============

虽然楼主可能没遇到,不过也再顺便补充一个:如果页面中包含header、mui-content、footer,当mui-content内容很多,已经可以滚动,这时候弹出键盘,又会出现header可以滚动的情况

这时候已经不是plus的问题了,而是css的问题(ios的坑),而是webview已经改变高度了,但是html、body的高度没有改变。

解决办法就是写一段css样式:

    html, body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
    }

只要写了这段样式,页面就会随着webview的改变而改变

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,846评论 25 708
  • 今天早上路过你家门口,两道门都紧闭着,我知道你已经跟着那个帅哥哥去广西了,因为平时外面那道门都是虚掩着的。 从小学...
    棋子QiQi阅读 256评论 5 0
  • 冬天这位老人家终于迈着蹒跚的脚步走远了,东风送暖空气中带来了春的气息。乍暖还寒的天气里,来到郊外觅景写生,在大自然...
    小强油画阅读 656评论 4 4
  • 过过过!
    小藤小藤要加油阅读 125评论 0 0