1、打开adobe dreamweaver,新建html文档。
2、书写html代码。<div class="top clear" style="background:red">顶部固定</div>
3、引用jquery-1.10.2.min.js
<script src="js/jquery-1.10.2.min.js" charset="UTF-8"></script>
4、书写滚动之后的固定顶部样式
<style>
.fixednav{ _position:relative; _top:81px; /* position fixed for IE6 */ _position:absolute; _top:expression(documentElement.scrollTop + "px"); position:fixed; top:81px;}
</style>
5、书写滚动事件
<script type="text/javascript">
$(function(){
var nav=$(".top"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
if(sc.scrollTop()>=120){
nav.addClass("fixednav");
$(".navTmp").fadeIn();
}else{
nav.removeClass("fixednav");
$(".navTmp").fadeOut();
}
})
})
</script>
