javascript - 在用一个长垂直页面构建的网站上，如何在向下滚动到底部时将导航栏保持在顶部？

Question

我还没有开始构建网站，但想知道如何在一个长的垂直页面的顶部保持导航，当我向下滚动（或单击链接并为我滚动）时，导航会浮在它滚动的所有内容上并在滚动下降时保持原位而不是消失。

Answer 1

position:fixed;

只需将其添加为答案;-)

Answer 2

position:fixed;很好，但是您需要注意，这会将元素从 DOM 流中取出 - 就页面上的所有其他元素而言，本质上是使元素“不存在”。结果呢？好吧，除非您对构建页面的方式非常小心，否则页面上的其余元素可能会四处移动，并且可能会破坏您的布局。最好考虑到这一点来构建页面，而不是修改细节:)

Answer 3

假设您的导航div的 id 为“导航”：

#navigation{

    position:fixed;

}