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;

});