<script src="jquery-1.12.2.js"></script>
<script>
$(function () {
$(window).scroll(function () {
//獲取頁面捲曲出去的高度和.top的div的高度對比
if($(document).scrollTop()>$(".top").height()){
$(".nav").css({"position":"fixed","top":0});
$(".main").css("marginTop",$(".nav").height());
}else{
$(".nav").css("position","static");
$(".main").css("marginTop",0);
}
});
});
</script>
</head>
<body>
<div class="top">
<img src="images/top.png" />
</div>
<div class="nav">
<img src="images/nav.png" />
</div>
<div class="main">
<img src="images/main.png" />
</div>
屏幕滾動 固定導航欄
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.