繁体 English 中英

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

[英]Keeping Navigation Header at Top When Page Pulled Up on Mobile

原文 2020-09-17 17:58:15 0 1 html/ css/ navigation/ uinavigationbar

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

1 个解决方案

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

滚动时保持标题元素始终在顶部？

[英]Keeping header element always on top when scrolling?

在移动设备上调整顶部导航栏的大小时出现问题

[英]Issue when resizing top navigation bar on mobile

打印时将 header 保持在一页上

[英]Keeping a header on one page when printing

移动热门导航问题

[英]Mobile top navigation issue

在iOS上向上滚动后，页面导航菜单隐藏在页面顶部

[英]Page navigation menu is hidding on the top of the page after scroll up on iOS

在页面顶部连接标题，徽标，导航栏和文本

[英]Concatenate header, logo, navigation bar, and text on top of a page

导航栏位于标题的前面，滚动时始终位于屏幕顶部

[英]Navigation bar in front of the header and always on top of the screen when scrolling

输入输入内容时，页面会在移动设备上向上滚动？

[英]When typing in input the page scrolls up on mobile?

页面顶部的透明导航

[英]Transparent navigation at top of page

尝试制作顶部导航标题？

[英]Trying to make a top navigation header?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 滚动时保持标题元素始终在顶部？在移动设备上调整顶部导航栏的大小时出现问题打印时将 header 保持在一页上移动热门导航问题在iOS上向上滚动后，页面导航菜单隐藏在页面顶部在页面顶部连接标题，徽标，导航栏和文本导航栏位于标题的前面，滚动时始终位于屏幕顶部输入输入内容时，页面会在移动设备上向上滚动？页面顶部的透明导航尝试制作顶部导航标题？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM