菜单导航效果类似于WashingtonPost.com

时间:2017-02-17 20:08:03

标签: javascript jquery html css

我想知道如何在按下与washingtonpost.com网站类似的菜单按钮时实现滑动效果。我正在谈论当你按下该网站上的章节(汉堡)菜单按钮时,主要内容和隐藏菜单向右滑动比它应该更远,然后它向后移动一点到达该位置。同样,关闭Nav菜单,整个页面使用相同的动作效果向左移动。

我在其他地方看过类似的动作,并认为它可能是JQuery或插件的标准效果,但只是不知道哪一个。

只需要效果名称和/或对代码的引用。

2 个答案:

答案 0 :(得分:0)

这个' easing' 不是jQuery(只附带两个)的标准效果,甚至不是jQuery UI(大约增加了30个)。但也许您正在考虑 easeOutElastic ,这已经证明here。华盛顿邮报网站可能在CSS中使用自定义贝塞尔曲线,很可能借助于Ceaser等工具。

答案 1 :(得分:0)

一年零八个月后,我找到了所要的答案。

cubic-bezier(0.175, 0.885, 0.320, 1.275);

我只想要这个过渡名称(我不知道为什么我的问题被否决4次)。