码迷,mamicode.com
首页 > 其他好文 > 详细

jq返回顶部

时间:2017-01-21 23:25:01      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:font   alt   事件对象   ade   版本   class   color   刷新   type   

今天发工资了,哎,更加坚定我要努力的学习,没资本,只能玩技术了。人呢,想的的开,才行,虽然有些不甘心,不过确实,现在的技术只值这个

价格。不过做到问心无愧就够了,不然人之贪婪,真的收也收不回。好了,今天的回顶部,不是以往的,锚点到顶部,而是用js来控制,d第一个关键呢,就

是scrollTop=0;事件对象呢,是 body和html,第二个呢,就是到顶部之后呢,隐藏。判断条件就是 $(window).height == $(window).height().

好了直接上例子(注意右下角)技术分享

 

 

<script type="text/javascript">
			$(function(){
				$("#top").on("click",function(){/*這裡用on jquery版本要在1.7以上*/
					onStart();/*鼠標點擊執行onStart()函數*/
				})
				function onStart(){
					$("body,html").animate({/*scrollTop對象一般都是body和html*/
						"scrollTop":0
					},300)
				}
				$(window).on("scroll",function(){/*scroll時間,鼠標滑動事件*/
					if($(window).scrollTop()> $(window).height())/*scroll判斷對象事件一般都是window*/
					{
						$("#top").fadeIn();
					}
					else{
						$("#top").fadeOut();
					}
				})
				$(window).trigger("scroll",function(){/*trigger頁面更新事件  刷新完页面一开始不要让其显示*/
					    $("#top").fadeOut();
				})
			})
		</script>

 

  

 

 

jq返回顶部

标签:font   alt   事件对象   ade   版本   class   color   刷新   type   

原文地址:http://www.cnblogs.com/xsk-style/p/6338004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!