Comment utiliser uikit pour fixer la barre de navigation sur le dessus?

Question

J'utilise le framework uikit css, je veux corriger la barre de navigation en haut?

Answer 1

Ajouter à votre fichier css:

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

Et ajouter uk-fixed-navigtion classe à votre barre de navigation.

EDIT

Vous pouvez également utiliser leur sticky component

Answer 2

Vous devez inclure le fichier «composants/sticky.js de du paquet UIKit et ajouter directive données uk-collant à votre div barre fixe.

Par exemple:

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

Je suggère de l'utiliser avec le composant navbar, par exemple:

<nav id='top-bar' class="uk-navbar" data-uk-sticky> 
    <a href="" class="uk-navbar-brand">...</a> 
    <ul class="uk-navbar-nav">...</ul> 
    <div class="uk-navbar-content">...</div> 
    <div class="uk-navbar-content uk-navbar-center">...</div> 
    <a href="" class="uk-navbar-toggle"></a> 
</nav>