导航滚动置顶固定 手机端上出现问题 急!!! 谢谢了
w05873
2015-01-13 12:03
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>聚好玩</title>
<!--Mobile specific meta goodness :)-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" href="css/miqu.css" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.smint.js"></script>
</head>
<body>
<div class="wrapper">
<img class="img" src="img/bg.jpg">
<div class="tab">
<center>
<ul>
<li id="detail"><a class="cur_detail" href="#">详情</a></li>
<li id="info"><a class="info" href="#">信息</a></li>
</ul>
</center>
<em class="line"></em>
<div class="arrowLeft"></div>
<div class="arrowRight" style="display:none;"></div>
</div>
<div class="content">
<div class="brief">
<div class="briefCont" style=" background:pink; height:1000px;"></div>
</div>
<div class="infoCont" style=" background:green; height:1000px;"> </div>
</div>
</div>
</body>
</html>
/*********js部分****************/
<script type="text/javascript" src="js/stickUp.min.js"></script>
<script type="text/javascript">
//initiating jQuery
jQuery(function($) {
$(document).ready( function() {
$('.tab').stickUp();
});
});
//initializing jQuery
jQuery(function($) {
$(document).ready( function() {
$('.tab').stickUp({
marginTop: 'auto'
});
});
});
$(function() {
var isIOS = (/iphone|ipad|ipod/gi).test(navigator.appVersion);
if (isIOS) {
$('.wrapper').on('focus', 'input', function () {
$('.tab').addClass('pos-rel');
}).on('focusout', 'input', function () {
$('.tab').removeClass('pos-rel');
});
}
$(".tab").css("position", "static");
});
</script>