jQuery页面滚动左侧悬浮固定导航菜单代码 : GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download! - GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download!

jQuery页面滚动左侧悬浮固定导航菜单代码

jQuery页面滚动左侧悬浮固定导航菜单代码

这是一款页面滚动下拉的时候左侧悬浮固定导航菜单代码,jQuery页面滚动固定层菜单网页特效下载。

js代码

<script type="text/javascript">
	$(function(){
		//设置标杆
		var _line=parseInt($(window).height()/3);
		$(window).scroll(function(){
			//滚动730px,左侧导航固定定位
			if ($(window).scrollTop()>730) {
				$(".fl_l").css({"position":"fixed","top":10})
			}else{
				$(".fl_l").css({"position":"","top":""})
			};
			$(".fl_l li").eq(0).addClass("active");
			//滚动到标杆位置,左侧导航加active
			$(".fl_r li").each(function(){
				var _target=parseInt($(this).offset().top-$(window).scrollTop()-_line);
				var _i=$(this).index();
				if (_target<=0) {
					$(".fl_l li").removeClass("active");
					$(".fl_l li").eq(_i).addClass("active");
				}
				//如果到达页面底部,给左侧导航最后一个加active
				else if($(document).height()==$(window).scrollTop()+$(window).height()){
					$(".fl_l li").removeClass("active");
					$(".fl_l li").eq($(".fl_r li").length-1).addClass("active");
				}
			});
		});
		$(".fl_l li").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
			var _i=$(this).index();
			 $("body, html").animate({scrollTop:$(".fl_r li").eq(_i).offset().top-_line},500);
		});
	});
</script>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/商品支付,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

可以

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

我们将24小时内回复。
取消
jQuery页面滚动左侧悬浮固定导航菜单代码-海报

分享本文封面