详细问题描述
<!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" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<style type="text/css">
.inp{
width: 100%;
height: 100px;
position: fixed;
bottom: 0px;
left: 0px;
border: 1px solid red;
}
</style>
</head>
<body>
<div>0001</div>
<div>0002</div>
<div>0003</div>
<div>0004</div>
<div>0005</div>
<div>0006</div>
<div>0007</div>
<div>0008</div>
<div>0009</div>
<div>0010</div>
<div>0011</div>
<div>0012</div>
<div>0013</div>
<div>0014</div>
<div>0015</div>
<div>0016</div>
<div>0017</div>
<div>0018</div>
<div>0019</div>
<div>0020</div>
<div class="inp">
<input type="text">
</div>
</body>
<script>
mui.plusReady(function(){
plus.webview.currentWebview().setStyle({
softinputMode: "adjustResize"
});
})
</script>
</html>
经测试softinputMode: "adjustResize" 设置这个后，软键盘关闭后，页面不会返回底部；
1 个回复
2***@qq.com (作者)
<!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" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<style type="text/css">
.inp{
width: 100%;
height: 100px;
position: fixed;
bottom: 0px;
left: 0px;
border: 1px solid red;
}
</style>
</head>
<body>
<div>0001</div>
<div>0002</div>
<div>0003</div>
<div>0004</div>
<div>0005</div>
<div>0006</div>
<div>0007</div>
<div>0008</div>
<div>0009</div>
<div>0010</div>
<div>0011</div>
<div>0012</div>
<div>0013</div>
<div>0014</div>
<div>0015</div>
<div>0016</div>
<div>0017</div>
<div>0018</div>
<div>0019</div>
<div>0020</div>
<div class="inp">
<input type="text">
</div>
</body>
<script>
mui.plusReady(function(){
plus.webview.currentWebview().setStyle({
softinputMode: "adjustResize"
});
})
</script>
</html>