jq返回顶部

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

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

最新文章

热门文章