我希望导航隐藏向下滚动 60px 并在向上滚动 60px 时显示,无论在页面的哪个部分。
我这样做了,但它不完整,我错过了什么?
<script>
let y = 0;
</script>
<svelte:window bind:scrollY="{y}" />
<nav class:hideNav={y > 60}>
<ul>
<li>link</li>
</ul>
</nav>
<style>
nav {
position: fixed;
top: 0;
}
.hideNav {
top: -70px;
}
</style>
Run Code Online (Sandbox Code Playgroud)