像 36kr 那样带有弹出效果的菜单是怎么做的

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3615 天前的主题，其中的信息可能已经有所发展或是发生改变。

好像是用jq写的但是他不打注释.. 求指教

6 条回复 • 2014-06-21 23:01:00 +08:00

cornelia

2014-06-20 15:36:19 +08:00

jquery点击后增加一个class,class中写的是css3样式,transform: translateY(0) scale(1);大概就是这样

emric

2014-06-20 15:51:50 +08:00

先把元素缩小. `transform: translateY(0) scale(0)`.
父元素 active 时再添加 `transform: translateY(0) scale(1)` 显示到正常大小.
再把 `transition`调整到一个合适的值, 实现动画效果.

crs0910

2014-06-20 18:53:31 +08:00

Pete

2014-06-20 20:09:18 +08:00

@crs0910 谢谢哈

Pete

2014-06-21 11:00:33 +08:00

@crs0910 不过他少了一个点击空白部分去掉active

crs0910

2014-06-21 23:01:00 +08:00

@Pete 你jquery里面自己写click事件就行了。只是控制增加和去除avtive样式而已。