浏览代码

搜索页面的键盘顶起top,ios和andor的scroll兼容

luyanan 8 年之前
父节点
当前提交
8258813adf
共有 2 个文件被更改,包括 16 次插入2 次删除
  1. 1 1
      app/css/app.css
  2. 15 1
      app/html/searchListNew.html

+ 1 - 1
app/css/app.css

922
.mui-bar .rightnav:active{opacity:.3;}
922
.mui-bar .rightnav:active{opacity:.3;}
923
.mui-bar .rightnav.filtered .mui-badge{display:inline-block;background: #FFFFFF;color:#FF9900;}
923
.mui-bar .rightnav.filtered .mui-badge{display:inline-block;background: #FFFFFF;color:#FF9900;}
924

924

925
.fixboxNew{background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:4;}
925
.fixboxNew{background: #FFFFFF; position:fixed;top:44px;left:0;width:100%; z-index:4;}
926
.fixboxNew .fixbtnNew{ padding:0; margin: 0; overflow: hidden;}
926
.fixboxNew .fixbtnNew{ padding:0; margin: 0; overflow: hidden;}
927
.fixboxNew .fixbtnNew li{ list-style: none; float: left;height:40px;line-height:40px; padding:0 10px;border-top:1px solid #F0F0F0; border-bottom:2px solid #F0F0F0;text-align: center;font-size: 14px;}
927
.fixboxNew .fixbtnNew li{ list-style: none; float: left;height:40px;line-height:40px; padding:0 10px;border-top:1px solid #F0F0F0; border-bottom:2px solid #F0F0F0;text-align: center;font-size: 14px;}
928
.fixboxNew .fixbtnNew li.liactive{ color: #FF9900; border-bottom:3px solid #FF9900;}
928
.fixboxNew .fixbtnNew li.liactive{ color: #FF9900; border-bottom:3px solid #FF9900;}

+ 15 - 1
app/html/searchListNew.html

8
		<link href="../css/mui.min.css" rel="stylesheet" />
8
		<link href="../css/mui.min.css" rel="stylesheet" />
9
		<link href="../css/app.css" rel="stylesheet" />
9
		<link href="../css/app.css" rel="stylesheet" />
10
		<link href="../css/iconfont.css" rel="stylesheet" />
10
		<link href="../css/iconfont.css" rel="stylesheet" />
11
		<style type="text/css">
12
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
13
			.mui-content{height:100%;overflow: auto;}
14
		</style>
11
	</head>
15
	</head>
12
16
13
	<body>
17
	<body>
36
					<li class="mui-col-xs-4">找文章</li>
40
					<li class="mui-col-xs-4">找文章</li>
37
				</ul>
41
				</ul>
38
			</div>
42
			</div>
39
			<div class="mui-scroll-wrapper"style="padding-top:40px" id="pullrefresh">
43
			<div class="mui-scroll-wrapper" id="pullrefresh">
40
			    <div class="mui-scroll">
44
			    <div class="mui-scroll">
41
					<div class="mui-card-content conblock">
45
					<div class="mui-card-content conblock">
42
						<div class="maincontent searchTab " >
46
						<div class="maincontent searchTab " >
126
		<script src="../js/public/mui.min.js"></script>
130
		<script src="../js/public/mui.min.js"></script>
127
		<script src="../js/public/base.js"></script>
131
		<script src="../js/public/base.js"></script>
128
		<script src="../js/searchListNew.js"></script>
132
		<script src="../js/searchListNew.js"></script>
133
		<script type="text/javascript">
134
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
135
		    iosheader();
136
		    var anos=ifiosAmdandroid();
137
		    if(anos==0) {
138
		    	document.getElementById("pullrefresh").style.paddingTop="40px";
139
		    }else{
140
		    	document.getElementById("pullrefresh").style.paddingTop="86px";
141
		    }
142
		</script>
129
	</body>
143
	</body>
130
144
131
</html>
145
</html>