如何保持uikit.sticky保持在最前

Question

我试图按照主要网络getuikit > component > sticky，但向下滚动粘滞的问题是工作，如“。面板”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

尝试：

nav { 
z-index:999; 
} 

最后补充：

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