【特效】手机端仿美团下拉菜单带遮罩层html+css+jquery

时间:2024-10-09 11:37:50

写了一个手机端的下拉菜单,类似美团,用相对单位rem写的。

效果截图:

【特效】手机端仿美团下拉菜单带遮罩层html+css+jquery

代码很简单,原理有点类似嵌套的选项卡,其中的难点在于弹出下拉菜单后,出现黑色半透明遮罩层,而且下层列表页面禁止滚动了。关键就是给html和body都加上overflow":"hidden。

效果预览:(请用谷歌浏览器的f12手机模拟模式)

http://www.gbtags.com/gb/rtreplayerpreview-standalone/2824.htm

源码下载:

http://pan.baidu.com/s/1qYR8IWs