JS部分:
<script type="text/javascript">
$(functiON(){
var nav=$("#nav"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
if(sc.scrollTop()>=100){
nav.addClass("fixednav");
$(".navTmp").fadeIn();
}else{
nav.removeClass("fixednav");
$(".navTmp").fadeOut();
}
})
})
</script>
CSS部分
.fixednav {
position: fixed !important;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}
帝国CMS教程:导航栏下拉至一定高度后固定在顶部的特效如何实现。
未经允许不得转载:Just My Socks中文教程网 » 帝国CMS教程:导航栏下拉至一定高度后固定在顶部的特效如何实现