在一个用一个长的垂直页面构建的网站上,我如何在向下滚动到底部的同时保持导航栏在顶部



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

position:fixed;

只是添加它作为答案;-)

假设您的导航div的id为"导航":

#navigation{
    position:fixed;
}

position:fixed;是好的,但是您需要注意,这会将元素从DOM流中移除——就页面上的所有其他元素而言,本质上使元素"不存在"。结果如何?除非你在构建页面时很小心,否则页面上的其他元素可能会移动,从而破坏你的布局。最好考虑到这一点来构建页面,而不是修改细节:)

相关内容

最新更新