Javascript 如何在卷轴上折叠导航

不确定这个问题是否已经得到了回答

我希望创建一个当用户滚动时崩溃的导航。我想一些类似的这个网站。滚动时，导航将变小。我想让我的菜单折叠成一个菜单（类似于一个响应导航菜单，除了，这是滚动的，而不是@media来改变屏幕大小）

我正在玩jQuery，这就是我目前所拥有的。问题是，一旦你开始滚动，一切都会消失

$(window).scroll(function(){
$("ul").hide();
});

---

我没有太多地使用Javascript/jQuery来很好地理解这个库以及什么可以做或什么不可以做。

您可能会想使用以下内容：

$("ul").removeClass('top');
$("ul").addClass('scroll');

其中，在css类

top

中，当它位于顶部时，您将设置所有样式；在类

scroll

中，您将在滚动后设置所有样式

您可能还需要在用户每次滚动屏幕时进行检查

$（“ul”）.offSet（）的值。top

，如果该值为0，则要将类

top

添加回元素，并删除

滚动

。您还可以检查该值，以确保在更改类之前滚动一定数量，例如：

if ($("ul").offSet().top > 20){ ... }