Javascript 页脚是否始终固定在页面引导的底部？

我正在尝试创建固定在页面底部的页脚，只有向下滚动到底部时才会显示。 我想这样做，因为现在是最重要的。我添加了一个加载页面，页脚在该页面上可见

那么，如何使页脚始终位于页面底部呢。我接受关于如何在加载页面打开时隐藏它的任何其他建议

以下是页脚的代码：

<nav class="navbar navbar-default navbar-bottom" role="navigation">
  <div class="container">
    <h1>Hello World</h1>
  </div>
</nav>

你好，世界

---

提前谢谢

查看下面的链接

HTML

<div id="footer"></div>

JS

#footer {
    position:fixed;
    background-color:#000;
    left:0px;
    bottom:0px;
    height:100px;
    width:100%;
    display:none;
}

$(window).scroll(function() {
    if ($(this).scrollTop() < 100) {
        $("#footer").hide();
    }
    else {
        $("#footer").show();
    }
});

$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）<100）{
$（“#页脚”）.hide（）；
}
否则{
$（“#页脚”）.show（）；
}
});

---

这是一个很好的教程，教你如何在页面底部保留块

基本上，您只需要向块中添加一些样式：

.navbar {
   position : absolute;
   bottom : 0;
}

其他一切都取决于你的其他需求

.navbar {
   position : absolute;
   bottom : 0;
}