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

转自 https://blog.csdn.net/elementFei/article/details/72917393 感谢

问题：使用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’});
}`
————————————————
版权声明：本文为CSDN博主「elementFei」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/elementFei/article/details/72917393

巴特西

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

最新文章

热门文章