Просмотр исходного кода

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

luyanan лет назад: 8
Родитель
Сommit
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,7 +922,7 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
922 922
.mui-bar .rightnav:active{opacity:.3;}
923 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 926
.fixboxNew .fixbtnNew{ padding:0; margin: 0; overflow: hidden;}
927 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 928
.fixboxNew .fixbtnNew li.liactive{ color: #FF9900; border-bottom:3px solid #FF9900;}

+ 15 - 1
app/html/searchListNew.html

@ -8,6 +8,10 @@
8 8
		<link href="../css/mui.min.css" rel="stylesheet" />
9 9
		<link href="../css/app.css" rel="stylesheet" />
10 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 15
	</head>
12 16
13 17
	<body>
@ -36,7 +40,7 @@
36 40
					<li class="mui-col-xs-4">找文章</li>
37 41
				</ul>
38 42
			</div>
39
			<div class="mui-scroll-wrapper"style="padding-top:40px" id="pullrefresh">
43
			<div class="mui-scroll-wrapper" id="pullrefresh">
40 44
			    <div class="mui-scroll">
41 45
					<div class="mui-card-content conblock">
42 46
						<div class="maincontent searchTab " >
@ -126,6 +130,16 @@
126 130
		<script src="../js/public/mui.min.js"></script>
127 131
		<script src="../js/public/base.js"></script>
128 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 143
	</body>
130 144
131 145
</html>