码云顶部导航及底栏效果源码

最新推荐文章于 2024-02-01 16:58:38 发布

weixin_34289744

最新推荐文章于 2024-02-01 16:58:38 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/janfon/blog/1518481

本文探讨了为何大部分程序员难以成为架构师的原因，分析了所需技能及经验的重要性。

为什么80%的码农都做不了架构师？>>>

  (function() {
    var updateNavbar;
  
    updateNavbar = function() {
      if (window.scrollY > 5) {
        return $('#git-header-nav').addClass('floating');
      } else {
        return $('#git-header-nav').removeClass('floating');
      }
    };
  
    updateNavbar();
  
    $(window).on('scroll', updateNavbar);
  
  }).call(this);

  (function () {
    // 更新底栏的位置，当页面内容高度小于窗口高度时，会将底栏浮动定位在窗口底端
    function updateFooterPosition() {
      var pageHeight = document.body.offsetHeight;
      if ($footer.hasClass('fixed-bottom')) {
        pageHeight += $footer.outerHeight();
        if (pageHeight > $(window).height()) {
          $footer.removeClass('fixed-bottom');
        }
      } else {
        if (pageHeight < $(window).height()) {
          $footer.addClass('fixed-bottom');
        }
      }
    }
    var $footer = $('#git-footer-main');
    $(document).on('ready', updateFooterPosition);
    $(window).on({
      'scroll': updateFooterPosition,
      'resize': updateFooterPosition
    });
    // 每隔一段时间检测页面高度变化，确保底栏能在页面最底端
    setInterval(updateFooterPosition, 500);
  })();

转载于:https://my.oschina.net/janfon/blog/1518481