如何使用uikit修复顶部导航栏？

Question

我用的是uikit css框架，我想把导航条放在上面吗？在

Answer 1

将此添加到css文件：

.uk-fixed-navigation {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
}

并将uk-fixed-navigtion类添加到导航栏中。在

编辑

您也可以使用他们的sticky component

Answer 2

你需要包括“组件”/粘性.js'文件来自UIKit包，并将data uk sticky指令添加到您的fixed bar div

例如：

<div data-uk-sticky>...</div>

我建议将其与导航栏组件一起使用，例如：

^{pr2}$