jq返回顶部

Posted 2020-08-28 xiao_style

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

价格。不过做到问心无愧就够了，不然人之贪婪，真的收也收不回。好了，今天的回顶部，不是以往的，锚点到顶部，而是用ｊｓ来控制，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>