首页 > 代码库 > jq返回顶部
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返回顶部
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。