小编Max*_*mus的帖子

Svelte - 在滚动上隐藏和显示导航

我希望导航隐藏向下滚动 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)

javascript svelte

4
推荐指数
1
解决办法
3134
查看次数

标签 统计

javascript ×1

svelte ×1