是否有一种简单的方法让Bootstrap折叠导航栏从粘性页脚向上扩展（未固定）？

Question

我有一个导航栏，我已经粘贴在视口底部作为粘性页脚。我不想使用.navbar-fixed-bottom，因为我不希望导航栏页脚一直显示 - 只是当用户滚动到页面底部时。

问题是当页脚导航栏在小屏幕上折叠时，单击以展开时它会向下扩展 - 有点难看，用户必须进一步向下滚动。代码示例 - http://www.bootply.com/SUXJ7xWjSc

理想情况下，我希望导航栏在点击时向上扩展，就像使用.navbar-fixed-bottom时一样。 http://www.bootply.com/PLBmzQkucC

尽可能地尝试，我已经搜索了一个简单的解决方案的高低，但还没有打到一个。如果有一个，我很想知道，但如果它仍然在Bootstrap的待办事项清单上，没问题。有一些关闭会很高兴！

Answer 1

我担心您必须将自定义样式用于id＃btm-navbar

@media (max-width: 767px)
{
    #btm-navbar
    {
        background: your-dropdown-menu-bg-color;
        bottom: your-footer-height;
        position: absolute;
        width: 100%;
    }
}