单webview，如何固定顶部导航，当输入内容时，键盘会把顶部导航挤走
森林
- 发布：2017-05-12 21:48
- 更新：2017-05-13 08:00
- 阅读：1069
单webview，如何固定顶部导航，当输入内容时，键盘会把顶部导航挤走
分类：MUI
给顶部的导航外部div添加position: fixed;left:0px;width:100%;属性，让他浮在上面，就不会被键盘挤走了
<div style="position: fixed;left:0px;width: 100%;">导航</div>这是我的网站，O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title></title>
<style>
body{
margin:0px;
}
</style>
</head>
<body>
<div style="background:#f00;width:100%;height:100px;left:0px;position:fixed;">导航</div>
<div style="background:#000;height:200px">内容</div>
<div style="background:#ccc;height:200px">内容</div>
<div style="background:#000;height:200px">内容</div>
<div style="background:#ccc;height:200px">内容</div>
<div style="background:#000;height:200px">内容</div>
<div style="background:#ccc;height:200px">内容</div>
<div style="background:#000;height:200px">内容</div>
<div style="background:#ccc;height:200px">内容</div>
</body>
</html>
