Bootstrap:滚动时导航栏收缩

文章/答案/技术大牛

发布

3回答

html、css、twitter-bootstrap

我想徽标和导航链接要缩小时，页面滚动。目前，这个标志在粘性导航上太大了。

浏览 52提问于2020-04-15得票数 0

1回答

如何在滚动时禁用大标题缩小

ios、uinavigationbar、large-title

我想使用大标题导航栏。但是当我滚动屏幕时，导航栏变得越来越小。如何禁用“收缩到NavigationBar”。 self.navigationController?.

浏览 3提问于2019-07-06得票数 3

1回答

带收缩徽标的自举固定导航条，在导航条上方

html、css、twitter-bootstrap、twitter-bootstrap-3、navbar

如何使用带引导的父标识的固定导航条。然后，徽标会在滚动时减少，但在固定的导航栏中仍然是可见的。例如，收缩徽标和导航条：

浏览 3提问于2017-10-06得票数 0

回答已采纳

1回答

在向下滚动时，使用什么代码来动态地收缩导航条？

jquery

我想为我的网站复制这个导航栏：正如你所看到的，当滚动时，肚脐会收缩，是使用什么脚本呢？

浏览 1提问于2016-04-16得票数 2

回答已采纳

2回答

Bootstrap导航粘滞在页面顶部

html、css、angular、twitter-bootstrap

我对Bootstrap导航栏有问题。nav> <app-footer></app-footer> 当我打开页面时，导航栏在页面的顶部，不出所料，但当我滚动它时，它会停留在页面的顶部，而不是屏幕的顶部(所以它不会跟随滚动

浏览 2提问于2018-05-03得票数 0

2回答

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

twitter-bootstrap-3、header、fixed、nav

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

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

1回答

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

twitter-bootstrap、responsive-design、zooming

我正在学习Twitter Bootstrap 3，试图建立一个响应式的网站。我使用标准示例创建了一个导航栏。它在小屏幕和漂亮屏幕上的表现都很好，但有一种情况除外:缩放。当我缩小页面时，导航栏的大小增加，最右边的菜单项从屏幕上消失。我不能以任何方式平移或滚动它来再次查看它。我可以完全禁用缩放功能。但是Bootstrap文档说，这并不总是最好的想法，理想情况下，我希望确保需要更大字体的人可以访问页面。我可以做些什么来确保导航栏<

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

2回答

向下滚动时缩小导航栏，不使用Javascript

html、css

如何在不使用Javascipt的情况下，让页面顶部的导航栏在访问者向下滚动时缩小？例如，这是在中完成的。它可以从宽到窄离散地收缩，而不是像在那个网站上那样连续收缩。

浏览 0提问于2017-02-01得票数 1

1回答

使用Twitter引导3固定导航栏

jquery、html、css、twitter-bootstrap

我在我的网站上使用Twitter Bootstrap 3。我想有一个固定的导航栏，需要在某个特定的点后，用户滚动下来。即使在滚动页面之后，我也希望导航条的宽度是100%。请在结果段中向下滚动，并注意导航

浏览 0提问于2013-11-23得票数 0

回答已采纳

3回答

Twitter Bootstrap:修复用户滚动经过导航栏顶部时的问题

javascript、html、twitter-bootstrap

我正在使用Twitter Bootstrap，但当用户滚动经过导航栏时，它会出现问题。图表：示例： (注意当你向下滚动时，导航栏是如何粘在页面顶部的)

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

回答已采纳

1回答

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

html、css、reactjs、twitter-bootstrap、navbar

我刚接触Bootstrap (和react-bootstrap)，所以我遇到了一些麻烦。因此，我现在有一个透明的导航栏，并使用事件侦听器对其进行设置，以便当您向下滚动时，导航栏的背景会出现，并且导航栏会在您向下滚动时停留在屏幕顶部。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导

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

1回答

Bootstrap -粘性导航栏，粘性侧边栏(左和右)与动态内容时，您滚动

javascript、jquery、html、css、twitter-bootstrap

我正在尝试做一个带有粘性导航栏和粘性侧边栏的bootstrap布局(完全像Facebook布局)。但是，当您滚动页面时，内容需要更改。我花了很多时间寻找如何使用bootstrap来实现这一点，使facebook风格的粘性布局不是问题，但我找不到任何bootstrap示例，可以在滚动时更改内容。下面是我需要的一个示例：我试图重现语义ui粘性模块的完全相同的行为，但使用的是bootstrap。这个页面

浏览 67提问于2018-08-06得票数 0

回答已采纳

1回答

当页面滚动到某一点时，如何使第二个固定的页眉出现

javascript、jquery

我有一个页面，这将是响应性的，我也想添加一个标题，一旦游客滚动了一点。页眉将取代主页眉，以便在用户向下移动页面时可见。

浏览 4提问于2012-10-26得票数 0

1回答

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

twitter-bootstrap

我有一个从页面顶部开始加载的导航栏，大约是50px。当我向下滚动时，我希望导航栏“附着”到页面的最顶部，并在滚动浏览其余内容时可见。这类似于Github官方bootstrap tutorial站点上的nav-bar。

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

回答已采纳

2回答

固定顶部导航栏的变体

javascript、html、css、twitter-bootstrap-3

我如何制作一个在页面加载时以50px显示的导航栏？当我向下滚动时，它不会移动，但当我穿过它时，它的行为类似于Bootstrap中固定顶部的导航栏。如果你使用Bootstrap，它将会非常有帮助。

浏览 0提问于2014-05-25得票数 0

3回答

reactJS引导中的静态导航栏

css、reactjs、react-bootstrap

我想让静态导航栏不跟随用户在sroll.Is上，有没有办法做在反应引导？

浏览 27提问于2020-07-17得票数 0

回答已采纳

1回答

Bootstrap响应，附加导航栏

twitter-bootstrap

我使用的是Bootstrap 3，所以我尝试在滚动时创建一个导航栏，然后将其固定在顶部。在我的观点中，最好的解决方案是来自bootstrap的"affix“，我用js解决了这个问题。'header').height()-$('#nav').height() }); 但我有一个大问题，我的菜单有大约10个家长，每个家长都有一个孩子ul，所以导航栏有一个很大的高度，

浏览 1提问于2015-06-03得票数 2

1回答

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

html、css、twitter-bootstrap

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

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

回答已采纳

3回答

在移动Safari/iPad/iOS 8中防止正文滚动到顶部

javascript、ios、css、twitter-bootstrap、mobile-safari

我正在使用bootstrap affix组件在页面顶部给出一个固定的导航栏。此导航栏包含表单元素。当一个表单元素被点击(获得焦点)时，页面的主体滚动到顶部。有没有办法重写这个行为来防止滚动？

浏览 0提问于2015-06-10得票数 1

1回答

Bootstrap -导航栏滚动

jquery、html、twitter-bootstrap

我已经使用Bootstrap 创建了一个导航栏。问题是，当我滚动页面时，导航栏转到顶部，因为页面在内容中向下跳转！我怎么解决这个问题呢？

浏览 0提问于2017-03-09得票数 0

点击加载更多