javascript - 滚动时隐藏导航栏，但这样做不是动画而是自然 'scrolled away'

Question

因此，在滚动时隐藏导航栏很容易，只需添加一个带有“top: -50px”的类即可。但是，感觉不是很自然。如果导航栏通过实际滚动隐藏起来，这样滚动的速度总是合适的，那就更好了。我不想将其动画化，而是想将导航栏滚动到屏幕上并返回屏幕(立即离开并在一定数量的像素后再次向上滚动回到屏幕上)。

你会如何处理这个问题？

顺便说一句，我真的不想为此使用任何 JQuery，我正在使用 Vue。

Answer 1

我希望我没有弄错，但如果你想在滚动时隐藏该栏，为什么不只是 position: absolute 它并让正常滚动让它消失呢？这听起来可能微不足道，但如果您想要自然消失，可能就是这样，不是吗？