当前位置: 代码迷 >> Web前端 >> 回来顶部
  详细解决方案

回来顶部

热度:38   发布时间:2012-09-08 10:48:07.0
返回顶部

(function() {
? ? var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
? ? ? ? .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
? ? ? ? ? ? $("html, body").animate({ scrollTop: 0 }, 120);
? ? })
var right = ($(window).width()-900)/2;
$backToTopEle.css({
"right":right
});
$(window).resize(function(){
var right = ($(window).width()-900)/2;
$backToTopEle.css({
"right":right
});
});
$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);
})();

  相关解决方案