Bootstrap:滚动后固定在顶部的粘性导航条

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap

这个网站上有一个过时的问题版本，它没有回答我的问题。我试着使用了这个附加插件，尽管我还没能想出如何用它来完成上面的工作。这是我偶然发现的一个网站，它的布局就是我想要创建<

浏览 14提问于2016-08-05得票数 0

1回答

引导数据-偏移-顶=“变量”？

twitter-bootstrap

目前，我使用的是一个粘性菜单，从显示器顶部560 it的固定距离开始，就像您在代码中看到的那样，但它当然并不总是工作得很好。site-navigation" class="navbar navbar-default" data-spy="affix" data-offset-top="560" role="navigation"> 滚动后，菜单将固定在屏幕<

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

回答已采纳

1回答

引导4粘性-导航顶停止工作

html、css、bootstrap-4、navbar

我的导航条在滚动时应该贴在顶部。在我试图将登录按钮移到右边之前，这是一段时间。在多次尝试移动登录按钮失败后，我恢复到以前的状态，粘稠的导航条停止工作。下面是导航栏的代码在我的googling中，我尝试了一些CSS类来修复它。我发现的所有东西要么没有工作，要么只是将导航条固定在屏幕顶部，但这是行不通的，因为我在导航栏上方有一个标

浏览 2提问于2018-10-13得票数 2

回答已采纳

1回答

JS:不运行粘性导航条的脚本

javascript、navbar、offset

出于某种原因，在我的网页上，粘性导航条的javascript根本没有运行。这是。肚脐条(以亮橙色表示)在页面顶部运行-在标题的底部。该脚本被设置为在用户滚动过一个点之后使导航条可见，然后再过一个点，它意味着在.offset().top;的帮助下将其固定在视图端口的顶部。我已经在类似的实现中尝试了完全相同的脚本，而且它可以工作。

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

回答已采纳

1回答

通过锚链接抵消浏览器本机平滑滚动

javascript、html、css、offset、smooth-scrolling

我的文档是使用浏览器-本机平滑滚动行为定义的CSS (而不是javascript)和锚链接向下滚动到指定的部分页面时，点击。这是很好的工作，除了页面的顶部，锚定位在结束，隐藏在粘性导航条下，是固定在屏幕顶部后，动画滚动完成。因此，我需要偏移卷轴的目标Y坐标。><br><br><br><br>&

浏览 0提问于2021-08-11得票数 0

3回答

如何有两种不同类型的导航条，一种固定的，一种静态的，不同的菜单项？

jquery、css、html、twitter-bootstrap、twitter-bootstrap-3

我们怎么能有固定的导航条，具有相同的行为，像这样的网站，，也与两种不同类型的菜单项。例如，在上面的网站上，他们有故事，如何工作，博客和登录在顶部菜单和当你滚动在固定菜单中，“登录”被替换为“启动你的项目”按钮。谢谢。

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

回答已采纳

1回答

将元件固定在粘性元件之下

html、css、twitter-bootstrap

我使用的引导带4。我有一个头，在它下面是一个导航条，这是粘性的顶部。下面有一个由2列组成的行。在左列中，当用户滚动时，我希望头保持在导航栏下面。对于右边的列，我希望保持固定在导航栏下面。我还希望它能在小的视口上工作，其中navbar是uncollapsed.。下面是正在运行的示例：

浏览 0提问于2019-06-22得票数 1

1回答

使UITableView滚动到手动放置的UINavigationBar下

objective-c、uitableview、uinavigationbar

我有一个模态视图控制器，它的类型是UIViewController。在这个控制器上，我有两个控件: UINavigationBar和UITableView。在UITableView的顶部边缘与UINavigationBar的底部边缘相等的情况下，它们被放置为自动收费表。当我滚动表视图时，我希望看到UINavigationbar下的表视图滚动( navbar的alpha设置为0.96f，并且它在导航控制器提供的所有其他

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

回答已采纳

1回答

我怎样才能使那个有角的材料按钮不滚动在粘稠的棒子上呢？

css、angular、angular-material

我有一个棱角分明的应用程序，顶部有一个导航条，它是粘性的(位置:粘稠；顶部: 0;)。在导航栏下，我有内容，其中包含有角度的材料组件，如垫按钮或垫卡。问题是，如果我滚动的角度材料组件滚动(出现在顶部)导航条。我怎么才能避免呢？我创建了一个显示问题的stackblitz：

浏览 4提问于2021-07-22得票数 0

回答已采纳

1回答

带有全高div的粘滞导航

javascript、jquery、html、css、sticky

我正在使用一个名为SMINT的JQuery插件来创建粘性导航，当滚动时它会固定在视区的顶部。我试图在页面顶部的导航前后留下一个空格，并在下面留下多个全高的div。moz-box-sizing:border-box; box-sizing:border-box;将div设置为全高(减去粘性导航(滚动后，导航

浏览 4提问于2015-04-30得票数 3

1回答

‘滑动上的'Hide导航条’永不返回

ios、swift、xcode、uinavigationcontroller

我已经在我的视图控制器中创建了视差型滚动效果(或拉伸头)。这很管用..。当我

浏览 2提问于2017-10-02得票数 1

1回答

棒导航条延迟

javascript、php、html、css、wordpress

在页面顶部粘贴栏，并与用户一起上下滚动，但延迟至少10秒才能完成。基本上，一旦页面加载，对于第一个10+秒，导航条不会粘粘，但是10秒后，如果您滚动并运行非常好，直到页面或站点上的另一个页面被加载时，它就会粘粘。我精通HTML和CSS，但对Javascript / PHP / jquery知之甚少(我认为这是导航条粘性效应背后的原因)，所以我不确定应该在这里再现哪些代码。

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

回答已采纳

2回答

Navbar占据快速滚动条空间

html、css、scroll、navbar、tailwind-css

我正在尝试使用Tailwind构建一个带有snap滚动条的页面。滚动预览会将导航条作为附加空间(另一张不能访问的幻灯片)通知，当滚动到顶部时，可以看到空白。

浏览 18提问于2022-11-01得票数 0

4回答

如何修复白色背景。努力制作透明肚脐

html、css、bootstrap-4、navbar

我想做一个使用bootstrap4透明导航条的全页登陆。我想要一个肚脐，当你向下滚动的时候，它粘在顶部。当我使用‘固定顶部’类时，它看上去没问题，但当你向下滚动时，它就不跟随了。当我使用‘粘性顶部’，它使背景的肚脐白色。

浏览 1提问于2019-08-09得票数 0

回答已采纳

2回答

跳转导航栏问题

javascript、jquery、css

我的问题相当复杂(至少很难解释)。我有一个响应性导航栏，默认情况下不是在页面顶部，但是您必须向下滚动一点，才能使导航条到达浏览器窗口的顶部。在桌面(48em<)上，你可以简单地滚动导航条(所以它在向下滚动时就会消失)，但是当滚动回滚时，它会得到一个“粘性”类(感谢JS)并出现在顶部。在移动平台上，一旦滚动位置到达导航条元素，导航条

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

回答已采纳

12回答

如何创建一个能很好地使用Bootstrap* 3的粘性页脚*

css、twitter-bootstrap、twitter-bootstrap-3、sticky-footer

无论有没有顶部导航，这是非常常见的网站有一个粘性页脚。引导程序可以轻松地创建固定的页脚，但是没有这样的工具来创建粘性的页脚--这有很大的不同。在谷歌上搜索这个问题会发现，成百上千的开发人员都有同样的问题，但没有一个好的答案。具有讽刺意味的是，页面本身除了引导样式之外还有一个粘性页脚和一个固定的顶部导航条。不过

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

回答已采纳

1回答

滚动时，粘性肚脐在移动上不起作用。

javascript、navbar、sticky

我已经为子导航创建了一个粘性导航条，当用户向下滚动时，它应该会粘在屏幕的顶部。因此，我尝试了一些javascript，它在到达顶部时将位置更改为“固定”。当从流中取出导航条时，避免了内容上的空白，我还添加了一个占位符，它的高度与导航条相同。在桌面上，它真的可以工作，看起来应该是什么样子的。但我在移动视图上遇到了一个“触摸”问题。当我在移动视图上向下滚动时，在滚动

浏览 3提问于2016-05-27得票数 0

回答已采纳

1回答

静态肚脐在离开模态上水平摇动

css、bootstrap-modal、lightbox

目前，我有bootstrap5和模态分别glightbox的麻烦。当从这些应用程序切换回来时，静态导航条与glightbox一样震动horizontaly.the，此外，当屏幕灰暗时，粘性页脚也会向上滑动。深思熟虑的特定特性:粘性页脚，垂直滚动条总是开着 fullscreen sample: https://codepen.io/manu_g/full/dyZOdbV

浏览 5提问于2022-02-06得票数 1

回答已采纳

2回答

如何在滚动响应中创建粘性导航条

javascript、css、reactjs、react-hooks、nav

当用户向下滚动时，我正在尝试向站点的导航条添加粘性导航条效果。也就是说，当浏览器向下滚动一定高度时，我希望导航条固定在页面顶部。Navbar.js //<di

浏览 3提问于2021-10-25得票数 4

1回答

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

javascript、jquery、html、css、twitter-bootstrap

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

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

回答已采纳

点击加载更多