在移动设备上拉起页面时将导航 Header 保持在顶部
Keeping Navigation Header at Top When Page Pulled Up on Mobile
我在 The New Yorker 等网站上注意到，在移动设备上，如果您滚动到最顶部并继续向上滚动，导航栏会牢牢固定在 window 的顶部。在我的网站上，当我向上滚动并继续越过页面的 body 时，导航栏与其余内容保持连接。我将如何去模仿《纽约客》所做的事情。我查看了他们的页面 css 但似乎无法说出是什么提供了该功能。任何帮助将不胜感激。
将 position:fixed 和 top:0 设置为导航栏应该可行，但之后您将必须确定导航栏占用的 height 并提供您的正文内容 padding 设置为该高度以获得整洁的显示。请检查此 link ：
我在 The New Yorker 等网站上注意到，在移动设备上，如果您滚动到最顶部并继续向上滚动，导航栏会牢牢固定在 window 的顶部。在我的网站上，当我向上滚动并继续越过页面的 body 时，导航栏与其余内容保持连接。我将如何去模仿《纽约客》所做的事情。我查看了他们的页面 css 但似乎无法说出是什么提供了该功能。任何帮助将不胜感激。
将 position:fixed 和 top:0 设置为导航栏应该可行，但之后您将必须确定导航栏占用的 height 并提供您的正文内容 padding 设置为该高度以获得整洁的显示。请检查此 link ：