css - uikit.sticky を維持する方法

Question

メインのWeb getuikit > component > stickyをたどってみましたが、「.uk-panel」のcssクラスなど、スクロールダウン時の問題は「.uk-stick」のようです。

修正する必要があります。

問題を画像で説明する

<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
}