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

This topic created in 4519 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`调整到一个合适的值, 实现动画效果.

catoncat

Jun 20, 2014

Pete

Jun 20, 2014

@crs0910 谢谢哈

Pete

Jun 21, 2014

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

catoncat

Jun 21, 2014

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