网页制作中滚动到一定程度固定div

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>