js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS广告代码 > JS幻灯片

jQuery实现固定顶部导航,点触全屏滚动特效代码

发布时间:2015-08-24 22:11:00    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery实现固定顶部导航,点触全屏滚动特效代码
<script>    
$(function(){    
//优势页面点击子导航    
	var subNav_active = $(".adv_active");    
	var subNav_scroll = function(target){    
		subNav_active.removeClass	("adv_active");    
		target.parent().addClass("adv_active");    
		subNav_active = target.parent();    
	};    
	$("#subNav a").click(function(){    
		subNav_scroll($(this));    
		var target = $(this).attr("href");    
		var targetScroll = $(target).offset().top - 80;    
		$("html,body").animate({scrollTop:targetScroll},300);    
		return false;    
	});    
	//页面跳转时定位    
	if(window.location.hash){    
		var targetScroll = $(window.location.hash).offset().top - 80;    
		$("html,body").animate({scrollTop:targetScroll},300);    
	}    
	$(window).scroll(function(){    
		var $this = $(this);    
		var targetTop = $(this).scrollTop();    
		var footerTop = $("#footer").offset().top;    
		var height = $(window).height();    
		if (targetTop >= 520){    
			$("#subNav").addClass("fixedSubNav");    
			$(".empty-placeholder").removeClass("hidden");    
		}else{    
			$("#subNav").removeClass("fixedSubNav");    
			$(".empty-placeholder").addClass("hidden");    
		}    
		if(targetTop < 750){    
			subNav_scroll($(".adv_door"));    
		}else if(targetTop > 1200 && targetTop < 1640){    
				subNav_scroll($(".adv_source"));    
		}else if(targetTop > 2314 && targetTop < 2734){    
				subNav_scroll($(".adv_price"));    
		}else if(targetTop > 2968 && targetTop < 3268){    
				subNav_scroll($(".adv_transfer"));    
		}else if(targetTop > 3327 && targetTop < 3627){    
				subNav_scroll($(".adv_payment"));    
		}else if(targetTop > 3651 && targetTop < 4071){    
				subNav_scroll($(".adv_promise"));    
		}else if(targetTop > 4163 && targetTop < 4473){    
				subNav_scroll($(".adv_ride"));    
		}else if(targetTop > 4580){    
			subNav_scroll($(".adv_finance"));    
		}    
	})    
}());    
</script>



全屏滚动 固定顶部导航

jQuery实现固定顶部导航,点触全屏滚动特效代码

jquery实现弹出层登录和全屏滚动注册特效代码

友荐云推荐
大家说 此评论不代表本站观点