是这样的。
在APP应用设置了Navigator全屏的时候。
底部输入框将不会上浮。
不知道这样算不算是一个BUG。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<script type="text/javascript">
mui.plusReady(function() {
//把下面的true 改成false或都删除 整个JS就可以上浮
//plus.navigator.setFullscreen(true);
})
</script>
<title></title>
<style type="text/css">
.footer {
position: fixed;
width: 100%;
height: 50px;
min-height: 50px;
border-top: solid 1px #bbb;
left: 0px;
bottom: 0px;
overflow: hidden;
padding: 0px 50px 0px 2px;
background-color: #fafafa;
}
.chat-content-box {
width: 100%;
height: 50px;
padding: 5px;
}
.chat-content-box [class*=input] {
width: 100%;
height: 100%;
border-radius: 5px;
}
.chat-content-box .input-text {
background: #fff;
border: solid 1px #ddd;
padding: 10px !important;
font-size: 16px !important;
line-height: 18px !important;
font-family: verdana !important;
overflow: hidden;
}
.chat-btn-box {
position: absolute;
right: 0px;
bottom: 0px;
width: 50px;
height: 50px;
vertical-align: middle;
display: inline-block;
padding: 5px 0px;
margin-right: 2px;
}
.chat-btn-box button {
width: 100%;
height: 100%;
line-height: 100%;
border: none;
background: #ff6600;
color: #ffffff;
text-align: center !important;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题</h1>
</header>
<div class="mui-content">
</div>
<div class="footer">
<div class="chat-content-box">
<textarea id='msg-text' type="text" class='input-text'></textarea>
</div>
<div class="chat-btn-box">
<button>发送</button>
</div>
</div>
</body>
</html>
2 个回复
lifeworld - 开发者
请问楼主这个你是怎么解决的？
坏人 (作者)
我不是在代码里面也经说了，怎么解决的吗？