javascript - jquery上/下滑动没有动画

Question

我试图在到达 #preFooter 的顶部时隐藏导航元素。

我开发了 nav 元素以响应移动设备，因此创建了 .tab-wrap 和 .tab-wrap-mobile。

为了让这两个元素在我到达 #preFooter 的顶部时滑走，我将它们包装在 .tab-wrap-all 中。

但是 jQuery 的 slideUp();/slideDown(); 方法没有正常工作。

我有一种预感，这与我如何在 css 中设置我的 display 配置有关，以便使用媒体查询隐藏元素。但我似乎无法弄清楚。

到目前为止，这是 fiddle :https://jsfiddle.net/gavinfriel/0x68f545/

Answer 1

尝试为您的 slideUp() 和 slideDown() 函数添加更长的持续时间(默认为 400)