前几天到的《CSS那些事儿》看得无味一点不好玩，还是折腾jQuery了！

nav.jpg

不妨注意左侧的滑动导航栏，然后试着滑动下浏览器的滚动条？

《“返回顶部”加强版》其中CSS用了IE6不支持的“position:fixed”定位，造成IE6下会有大片空白内容，相当的杯具。今天就来微调下：

#shangxia{position:absolute;top:40%;left:50%;margin-left:-520px;display:block;}

把CSS部分fixed改为absolute绝对定位，然后用jQuery来控制滑动导航栏的滑动：

var s= $('#shangxia').offset().top; //取得id="shangxia"元素相对当前窗口的高度，并赋值给 s
 
$(window).scroll(function (){ //浏览器滚动条触发事件
 
	$("#shangxia").animate({top : $(window).scrollTop() + s + "px" },{queue:false,duration:500});
 
	//添加id="shangxia"元素自定义动画，使其滑动"滚动条距顶部高度+ s "距离，动画过程为500毫秒；
 
});

OK，出来的效果也是相当不错哦！重要的是兼容IE6了，万恶的IE6啊~