首页 > 代码库 > 返回顶部js
返回顶部js
backToTop.js:
(function () { var $backToTopEle = $(‘<div class="backToTop"></div>‘).appendTo($("body")) .click(function () { $("html, body").animate({ scrollTop: 0 }, 120); }), $backToTopFun = function () { var st = $(document).scrollTop(), winh = $(window).height(); (st > 0) ? $backToTopEle.show() : $backToTopEle.hide(); //IE6下的定位 if (!window.XMLHttpRequest) { $backToTopEle.css("top", st + winh - 166); } }; $(window).bind("scroll", $backToTopFun); $(function () { $backToTopFun(); });})();
样式设置:
.backToTop { display: none; background:url(../images/go_top.gif); background-repeat:no-repeat; background-position:0px 0px; width:50px; height:50px; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 2px; bottom: 2px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}.backToTop:hover{ background:url(../images/go_top.gif); background-repeat:no-repeat; background-position:0px -100px;}
返回顶部js
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。