网站首页

JQ滚动漂浮！

发布时间：2015-06-26 14:33:17编辑：admin阅读（）

<script language="javascript" type="text/javascript">
function nav_gds(){
	var navtopTemp=$("#nav_gd").offset().top;//获取原始导航菜单的所在top位置
		$(window).scroll(function(){
		var scrollHeight=$(document).scrollTop(); //获取滚动条的垂直位置
		if(scrollHeight>navtopTemp)//当滚动条的垂直位置超过这个位置后，就固定导航菜单在浏览器顶部
		{
				$("#nav_gd").css({"position":"fixed","top":0});
			//if (window.XMLHttpRequest){
			//}else{
				//$("#nav_gd").css({"position":"absolute","top":(document.body.scrollTop||document.documentElement.scrollTop)});
			//}
		}
		if(scrollHeight<navtopTemp)
		{
			$("#nav_gd").css("position","");
		}
	});
}
</script>