Как сохранить uikit.sticky остаться на вершине

Question

Я попытался следить за главной сетью getuikit > component > sticky, но проблемы при прокрутке вниз липкие - это работа, например, класс «.uk-panel» css, кажется, на вершине ». ик-палки».

Мне нужно исправить.

Опишите проблему с изображениями

<nav className="uk-navbar" data-uk-sticky="{top:-100, animation: 'uk-animation-slide-top'}" > 
       <Link to="/" className="uk-navbar-brand"> 
        <i className="uk-icon-hover uk-icon-graduation-cap"></i> 
       </Link> 
       <div className="uk-navbar-flip"> 
        <ul className="uk-navbar-nav"> 
         <li> 
          <Link to="/register" className="uk-button">Register</Link> 
         </li> 
         <li> 
          <Link to="/signin" className="uk-button">SignIn</Link> 
         </li> 
        </ul> 
       </div> 
      </nav> 
      <div className="uk-container uk-container-center" style={height:3000px;}> 
       <div class="uk-panel uk-panel-box uk-panel-box-primary"> 
          <h3 class="uk-panel-title">Box primary</h3> 
          Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipisicing elit. 
         </div> 

         <div class="uk-panel uk-panel-box uk-panel-box-secondary"> 
          <h3 class="uk-panel-title">Box secondary</h3> 
          Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipisicing elit. 
         </div> 
      </div> 

Answer 1

Try:

nav { 
z-index:999; 
} 

В конце концов добавить:

.uk-panel { 
z-index: 100; //or something less 
}