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

[Pete]

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

[cornelia]

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

[emric]

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

[crs0910]

http://codepen.io/qusiba/pen/lzbdJ

[Pete]

@crs0910 谢谢哈

[Pete]

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

[crs0910]

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