返回头部[顶部] 代码代码,JS代码库,德仔网

代码语言

代码分类

【JS】返回头部[顶部] 代码

作者:沉淀岁月 / 发布于2013/9/10/ 405


	var main_left = Math.round($(".main").offset().left+980)+"px";
	var back_top_ele = "<a href='javascript:;' id='back_top'></a>";
	var back_top_sty = {width:"15px", height:"60px", bottom:"100px", left:main_left, position:"fixed", display:"none", background:"red" };
	$("body").append(back_top_ele);
	$("#back_top").css(back_top_sty);
	$(window).scroll(function(){
	 if( $(window).scrollTop() > 200 ){
	 if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
	 $("#back_top").css({ display:"block", position:"absolute", top:$(window).scrollTop()+450+"px"});
	 }else{
	 $("#back_top").css({ display:"block", position:"fixed"});
	 }
	 }else{
	 $("#back_top").hide();
	 }
	});
	$(window).resize(function(){
	 if($(window).width() <= 1000){
	 main_left = $(window).width()-20+"px";
	 }else{
	 main_left = Math.round($(".main").offset().left+980)+"px";
	 }
	 $("#back_top").css("left",main_left);
	});
	$("#back_top").click(function(){
	 $("html, body").animate({scrollTop:0}, 500);
	 return false;
	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　返回头部　

同语言下

可能有用的

沉淀岁月贡献的其它代码(39)