首页 > 代码库 > 回到顶部 jquery
回到顶部 jquery
//回到顶部 $(function() { $.fn.backToTop = function(options) { var defaults = { showHeight : 120, speed : 100 }; var options = $.extend(defaults, options); $("#footer").append("<div id=‘totop‘ style=‘cursor:pointer;position:fixed;bottom:20px;right:10px;z-index:9999;width:30px;height:30px;background-color:#000;‘><a>返回</a></div>"); var $toTop = $(this); var $top = $("#totop"); var $ta = $("#totop a"); $toTop.scroll(function(){ var scrolltop=$(this).scrollTop(); if(scrolltop>=options.showHeight){ $top.show(); } else{ $top.hide(); } }); $ta.hover(function(){ $(this).addClass("cur"); },function(){ $(this).removeClass("cur"); }); $top.click(function(){ $("html,body").animate({scrollTop: 0}, options.speed); }); }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。