信息博客中心 Welcome to Guangxi www.zunsm.com Information Technology Co., Ltd.

:jQuery判断导航下拉到一定高度后导航固定到头部特效

时间::2013-10-24  来源:本站   兼容性:IE6/IE7/IE8及以上 Firefox 下载次数:3100
  • jQuery判断导航下拉到一定高度后导航固定到头部特效,这种效果经??吹揭恍┓窒硗?,其实这种效果也是很方面用户不需要返回导航可以点击自己想要去的栏目,其实原理很简单,先给浏览器绑定滚动条滚动函数,获取当前浏览器滚动页面的高度,然后在获取导航条div距离头部的高度,如果他们一样...
  • 75
  • 点击下载

jQuery判断导航下拉到一定高度后导航固定到头部特效,这种效果经??吹揭恍┓窒硗?,其实这种效果也是很方面用户不需要返回导航可以点击自己想要去的栏目,其实原理很简单,先给浏览器绑定滚动条滚动事件,获取当前浏览器滚动页面的高度,然后在获取导航条div距离头部的高度,如果他们一样的时候,那么加上一个class,css控制就是position:fixed;top:0px;即可

代码如下:


<script type='text/javascript' >
			var nt = !1;
			$(window).bind("scroll",
				function() {
				var st = $(document).scrollTop();//取到当前下拉往下滚的高度
				nt = nt ? nt: $("#J_m_nav").offset().top;//获取的导航头部的高度
				// document.title=st;
				var sel=$("#J_m_nav");
				if (nt < st) {
					sel.addClass("nav_fixed");
				} else {
					sel.removeClass("nav_fixed");
				}
			});
		</script>


网站小编: 喜欢本站的话请大家把本站告诉给你朋友哦!地址是 幸运农场走势图-重庆彩 www.zunsm.com QQ群:134624762
web设计/网站开发
南宁网站建设版权所有
南宁网站建站首页 关于我们 联系我们 网站地图 南宁网站建设 网站制作 网页设计 广西网站优化 php建站
幸运农场走势图-重庆彩

用户名:

密 码:

             忘记密码?