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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 4334 days ago, the information mentioned may be changed or developed.

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

6 replies • 2014-06-21 23:01:00 +08:00

cornelia

Jun 20, 2014

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

emric

Jun 20, 2014

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

crs0910

Jun 20, 2014

Pete

Jun 20, 2014

@crs0910 谢谢哈

Pete

Jun 21, 2014

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

crs0910

Jun 21, 2014

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