mui开发的App--解决安卓机键盘弹出,底部导航栏上升的问题(一种方法)

xiaoxiao2021-02-28  149

问题: 使用mui框架开发App,当input获取焦点时,键盘弹出,底部导航栏上升。 解决:

//获取当前页面(在子页面上书写) var ws; if(window.plus) { plusReady(); }else { document.addEventListener(“plusready”, function() { plusReady(); }, false); } function plusReady() { ws = plus.webview.currentWebview(); } //获取当前页面的input var search = document.querySelector(‘#input’); search.onfocus = function(){ //设置父页面的导航栏隐藏 ws.parent().evalJS(“document.getElementById(‘nav’).style.display=’none’”); //当前子Webview窗口的样式() ws.setStyle({bottom: ‘0px’}); } search.onblur = function(){ //设置父页面的导航栏显示 ws.parent().evalJS(“document.getElementById(‘nav’).style.display=’block’”); //当前子Webview窗口的样式(和子页面在父页面上的bottom保持一致) ws.setStyle({bottom: ‘50px’}); }`

转载请注明原文地址: https://www.6miu.com/read-79130.html

最新回复(0)