jquery - Vimeo 的导航栏

Question

当您访问 vimeo.com 时，您会看到一个导航栏，当您将鼠标放在“探索”和“帮助”菜单上时，菜单会非常顺畅地下降，所以我很好奇 Vimeo 开发人员是如何创建它的，以及他们使用的 jQuery 插件.

Answer 1

他们不使用 jQuery——事实上，根本不使用 Javascript。

相反，他们使用 CSS 过渡。例子：

.a .e .d {
    -moz-transform: translateY(-100%);
    -moz-transition-duration: 250ms;
    -moz-transition-property: -moz-transform, opacity;
    -moz-transition-timing-function: ease-out;
}