jQuery返回顶部——记录

基本操作引包

$().ready(function() {

      var $window = $(window);
      var $backTop = $('<div class="back-top"><i class="iconfont icon-top"><\/i><\/div>').appendTo("body");
      var $footer = $("footer");

      // 回到顶部
      $window.scroll(_.throttle(function() {
        if ($window.scrollTop() > 50) {
          $backTop.fadeIn();
          if ($footer.length > 0) {
            if ($footer.offset().top <= $backTop.offset().top + $backTop.outerHeight()) {
              $backTop.animate({
                bottom: $footer.outerHeight() + 10
              });
            } else if ($footer.offset().top >= $backTop.offset().top + $backTop.outerHeight() + 15) {
              $backTop.animate({
                bottom: 10
              });
            }
          }
        } else {
          $backTop.fadeOut();
        }
      }, 500));
        
      // 回到顶部
      $backTop.click(function() {
        $("body, html").animate({
          scrollTop: 0
        });
      });
  
});