Twitter bootstrap 向下滚动导航栏固定顶部容器流体时引导导航栏容器
我想向你们寻求一些关于引导导航栏容器的帮助,当它向下滚动导航栏时,固定在顶部,同时容器流体Twitter bootstrap 向下滚动导航栏固定顶部容器流体时引导导航栏容器,twitter-bootstrap,containers,navbar,affix,Twitter Bootstrap,Containers,Navbar,Affix,我想向你们寻求一些关于引导导航栏容器的帮助,当它向下滚动导航栏时,固定在顶部,同时容器流体 我还为您提供了codepen链接,因此您可以在第3行添加容器流体 <div class="container-fluid"> 在第5行中添加导航栏固定顶部 <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"
我还为您提供了codepen链接,因此您可以在第3行添加容器流体
<div class="container-fluid">
在第5行中添加导航栏固定顶部
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
见文件;你的答案在那里。
所以
如果我理解您的问题,您希望在用户开始滚动后将导航栏粘贴到顶部。好的,这是我对这个的实现。。。我使用了这个答案,并针对这个场景对其进行了修改,并记录了代码
是的,这很重要,如果他们不理解你的问题,他们会如何帮助你?原来的OP的问题是使用不好的英语,显然有些人可以破译它,显然这个问题和谢谢你一样。先生,还有一件事我可以使用NavBar中的CSS转换吗?<代码>如果你认为这个帖子可以的话,请考虑添加评论。改进。idk为什么被否决原op的问题本身使用的是令人困惑的英语,当然,如果op提问使用的是这样的易懂英语,我不会将其发布为并回答。您可以自己检查我回答的日期、编辑问题的日期及其历史记录以及接受答案的日期。
/**
* Scroll management
*/
$(document).ready(function () {
// Define the menu we are working with
var menu = $('.navbar.navbar-default.navbar-inverse');
// Get the menus current offset
var origOffsetY = menu.offset().top;
/**
* scroll
* Perform our menu mod
*/
function scroll() {
// Check the menus offset.
if ($(window).scrollTop() >= origOffsetY) {
//If it is indeed beyond the offset, affix it to the top.
$(menu).addClass('navbar-fixed-top');
} else {
// Otherwise, un affix it.
$(menu).removeClass('navbar-fixed-top');
}
}
// Anytime the document is scrolled act on it
document.onscroll = scroll;
});