如何使导航栏滚动并在页面展开时固定在页面顶部？

文章/答案/技术大牛

发布

1回答

javascript、html、css、navbar、affix

当我的导航栏被折叠时，滚动是正常的，当滚动经过页眉/巨型加速器时，导航栏会固定在页面的顶部。但是，当导航栏展开时(显示“一”、“二”和“三”)，页面将跳过一些内容并被导航栏覆盖。如何才能使页面滚动/行为

浏览 11提问于2016-07-25得票数 1

回答已采纳

1回答

响应式引导导航栏、缩放和滚动

twitter-bootstrap、responsive-design、zooming

我使用标准示例创建了一个导航栏。它在小屏幕和漂亮屏幕上的表现都很好，但有一种情况除外:缩放。当我缩小页面时，导航栏的大小增加，最右边的菜单项从屏幕上消失。我不能以任何方式平移或滚动它来再次查看它。但是Bootstrap文档说，这并不总是最好的想法，理想情况下，我希望确保需要更大字体的人可以访问页面。我可以做些什么来确保导航栏可用于缩放？或者我还能做些什么来帮助那些需要更大字体的用户呢？未缩放：缩放并滚

浏览 3提问于2014-03-20得票数 2

2回答

滚动时使DIV更大

html、css、height

有没有可能在滚动页面内容时使DIV更大？我有chatbox的位置:固定在我的页面右侧。我的聊天框CSS是height:100% right:0 bottom:0 top:50px。顶部:50px是因为我不想让它隐藏页面顶部的导航栏。现在的问题是，当我开始滚动页面时，导航栏显然从视线中消失了，并且在我的chatb

浏览 4提问于2014-10-30得票数 0

2回答

Bootstrap:导航在开始处不固定，然后固定

twitter-bootstrap-3、header、fixed、nav

我想知道是否可以使用bootstrap来创建带有徽标和其他信息的标题，然后是导航栏。但是徽标不是固定的，只有导航栏是固定的，当它位于页面顶部时。

浏览 4提问于2016-09-05得票数 0

1回答

如何避免将页面元素隐藏在固定元素后面

html、css、twitter-bootstrap

我试图使一个固定的导航栏在网站的顶部。问题如下，如果我使用position: fixed; CSS属性，页面位于导航栏下，我希望避免这种情况发生，下面是整个导航栏代码：nav a {</nav> 注意，我还使用

浏览 2提问于2020-01-07得票数 0

2回答

仅当向上滚动时才使用Jquery粘滞导航

jquery、html、css

请查看此JPG以供参考：我有一个导航栏出现在页面的顶部。我正在寻找的行为是:当你向上滚动时，相同的导航栏淡入并固定在屏幕的顶部。我在这里使用的代码是有效的，除了我不确定如何设置一个规则，一旦你滚动回到默认位置，就不会让导航停留在屏幕顶部。目前，使用下面的代码，导航仍然固定在顶部，即

浏览 3提问于2013-04-09得票数 6

1回答

如何在导航栏顶部添加Twitter Bootstrap？

twitter-bootstrap

我有一个从页面顶部开始加载的导航栏，大约是50px。当我向下滚动时，我希望导航栏“附着”到页面的最顶部，并在滚动浏览其余内容时可见。我能够让导航栏停留在适当的位置(尽管当我向下滚动页面时，总是从顶部开始50px )。bs-docs-sidenav affix

浏览 2提问于2013-03-10得票数 2

回答已采纳

1回答

向下滚动页面时，导航栏扩展到覆盖屏幕顶部

html、css、twitter-bootstrap

当您滚动页面中间加载的导航栏时，它会展开并停留在屏幕顶部。滚动经过导航栏后：你将如何实现这样的东西？有没有一种通过Bootstrap的简单方法？

浏览 0提问于2013-04-26得票数 1

回答已采纳

1回答

如何在不破坏JQuery ScrollTo插件的情况下阻止此div位于滚动条顶部？

jquery、css、scrollbar、overflow、scrollto

我使用的是jQuery插件“滚动到”，因为该网站是一个完整的页面与不同的部分。现在，当用户向下滚动时，我试图将导航栏固定在页面顶部，但目前导航栏位于滚动条的顶部。我在滚动条的顶部找到了如何阻止它的答案，它说我应该从'wrapper‘div中删除"overflow:auto;“，但不知何故，这杀死了我的Scro

浏览 3提问于2011-10-02得票数 1

回答已采纳

1回答

导航栏上的下拉菜单在Safari中不起作用，但在Chrome中起作用

javascript、jquery、html、css

基本上，我的导航栏在Chrome中可以正常工作，但当切换到另一个浏览器(这里是Safari)时，它就不能工作了。仅当位于页面顶部时。向下滚动时，它不会显示下拉选项。 </p> 所以我想要的是，让粘性导航</em

浏览 0提问于2019-07-10得票数 0

2回答

我的导航栏在滚动时有一个间隙，我想让它停留在顶部

html、css、navbar、blogger

我最近试图改变我的导航栏，使它有一个下拉选项，但它不起作用。但是，我现在在导航栏的顶部有一个小符号，当我向下滚动页面时，导航栏和页面顶部之间有一个空格。我只想让我的导航栏在滚动时停留在页面的顶部。我不知道如何改变它。这就是

浏览 11提问于2016-09-03得票数 1

1回答

使顶部导航栏在页面滚动中更加灵活的问题

css、angular、angular-material、ng-bootstrap、ngx-bootstrap

我正在致力于基于角度的网站，我想在其中添加顶部导航栏，就像的顶部导航一样如何使顶部导航栏更加灵活，就像我们在中滚动页面一样？

浏览 0提问于2018-12-02得票数 0

回答已采纳

2回答

如何使导航在向下滚动时消失，但在向上滚动时显示？

javascript、jquery、css、html

我想创建一个导航栏，当用户向下滚动页面时，导航栏消失，但当用户向上滚动时，导航栏重新出现。有点像手机chrome应用中的搜索栏。有人知道怎么做吗？到目前为止，我只有一个固定在顶部的简单div。-只有当用户稍微向上滚动时，才会出现导航。

浏览 0提问于2013-06-17得票数 10

回答已采纳

2回答

侧边栏位置"semi“固定css

css、position、fixed、sidebar

我如何获得一个固定的侧边栏，比如这个站点上包含社交按钮的侧边栏： #sidebar { position:fixed; }谢谢

浏览 1提问于2013-04-19得票数 4

1回答

固定导航条

html、css

目前我正在尝试创建网页，在滚动时尝试将一个固定的导航栏设置到网页顶部时遇到了一个问题。我能够将导航栏固定在页面上但是，我遇到的问题是导航栏下面的内容(主要内容)正在推到页面的顶部，而不是直接停留在固定的导航栏下面。

浏览 3提问于2015-07-09得票数 0

回答已采纳

1回答

twitter bootstrap上的水平固定导航栏

html、css、twitter-bootstrap

在新版本的twitter bootstrap上，所有的例子都会在滚动时在页面的左上侧显示一个侧边栏，但我记得以前的版本是在主导航栏固定在页面顶部之后才显示这个侧边栏的。在新版本中，有没有办法修复这个“侧边栏”导航？

浏览 1提问于2012-10-20得票数 1

回答已采纳

1回答

需要帮助使顶部导航菜单与主菜单保持一致，并添加社交媒体图标

web、menu、header、sticky

试图让顶部导航栏在滚动时像主导航栏一样停留，并需要在顶部栏的左侧添加社交媒体图标。网站是的任何帮助，是非常感谢。:)<!

浏览 12提问于2019-07-10得票数 0

回答已采纳

1回答

如何修改代码，使Highcharts图不会覆盖页面顶部固定的导航栏？

javascript、html、css、highcharts

我想有一个固定的导航栏在页面的顶部。为此，我使用了。<div id="container" style="min-width: 310px; height: 400px; margi

浏览 0提问于2016-12-01得票数 0

1回答

如何在React-bootstrap中让导航栏固定在顶部，而不是在小视口上？

html、css、reactjs、twitter-bootstrap、navbar

因此，我现在有一个透明的导航栏，并使用事件侦听器对其进行设置，以便当您向下滚动时，导航栏的背景会出现，并且导航栏会在您向下滚动时停留在屏幕顶部。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导航栏链接腾出空间。如果我从导航栏<

浏览 6提问于2019-07-09得票数 0

1回答

导航后twitter引导导航栏固定顶部重叠页面

twitter-bootstrap

引导站点上写着我还有一个附加的辅助导航栏，让我们导航到可见页面的各个部分。当页面向下滚动时，它会在链接锚位于顶部时停止。但问题是:这是

浏览 1提问于2013-12-12得票数 0

回答已采纳

点击加载更多