html - 在移动设备上拉起页面时将导航标题保持在顶部

Question

我在《纽约客》之类的网站上注意到，在移动设备上，如果您滚动到最顶部并继续向上滚动，导航栏将牢牢固定在窗口顶部。在我的网站上，当我向上滚动并继续经过页面正文时，导航栏与其余内容保持连接。我将如何效仿《纽约客》的做法。我查看了他们页面的 css，但似乎无法说出是什么赋予了该功能。任何帮助，将不胜感激。

标签： htmlcssnavigationuinavigationbar

Answer 1

将position:fixedand设置top:0为导航栏应该可以工作，尽管之后您必须确定height导航栏所占据的位置并将您的正文内容padding设置为该高度以进行整洁的显示。请检查此链接：为什么该段落隐藏在导航栏后面，但导航栏在 html 源代码中排在第一位？