向下滚动后，如何使引导导航栏保持在顶部？（比较复杂）答案

【问题标题】：How can I make a bootstrap navbar stay on top after scrolling down? (It's more complicated)向下滚动后，如何使引导导航栏保持在顶部？（比较复杂）
【发布时间】：2016-12-05 21:37:09
【问题描述】：

这是我网站标题的图片。
HERE

当我向下滚动页面时，如何使蓝色导航栏平滑滚动到顶部

（只有导航栏，而不是徽标和社交媒体部分）？

position:fixed; 不会让导航栏在我向下滚动时移动到最顶部（显然）。

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

   navbar {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

尝试将导航栏的边距和内边距设置为 0。它应该可以工作

【讨论】：

【解决方案2】：

我认为你使用的是 Bootstrap，所以你可以使用 Bootstrap Affix：http://getbootstrap.com/javascript/#affix

使用 data-spy、data-offset-top 和 data-offset-bottom 属性，您可以添加词缀行为并定义何时切换元素的固定。

【讨论】：