如何保持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 
}