javascript - 如何在标题外部显示一个部分或一个 div，恰好在粘性菜单下？

Question

我想在将菜单项悬停在粘性菜单上时显示一个部分。这样无论我在页面中的哪个位置，该部分都应该正好在粘性菜单下看到。

我试着把这个部分放在页眉中。但是当我在悬停时滚动时，该部分本身就像粘性菜单一样。

滚动时如何隐藏该部分？创建类似视差的效果。

//HTML
<header role="banner" class="stickyheader">//sticky
    <nav class="row main-navigation" role="navigation">
            <ul id="primary-menu">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
            </ul>
    </nav><!-- #site-navigation -->

    <section class="hiddensection">//section to show
                    show uo when hovering menu item 3....
                    //height:500px

    </section>
</header>

Answer 1

您可以使用滚动事件并在页面滚动时隐藏它。

window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.getElementByClassName(".hiddensection").style.display = "none";
} else {
document.getElementByClassName(".hiddensection").style.display= "block";
}
prevScrollpos = currentScrollPos;
}