写了一个手机端的下拉菜单,类似美团,用相对单位rem写的。
效果截图:
代码很简单,原理有点类似嵌套的选项卡,其中的难点在于弹出下拉菜单后,出现黑色半透明遮罩层,而且下层列表页面禁止滚动了。关键就是给html和body都加上overflow":"hidden。
效果预览:(请用谷歌浏览器的f12手机模拟模式)
http://www.gbtags.com/gb/rtreplayerpreview-standalone/2824.htm
源码下载:
写了一个手机端的下拉菜单,类似美团,用相对单位rem写的。
效果截图:
代码很简单,原理有点类似嵌套的选项卡,其中的难点在于弹出下拉菜单后,出现黑色半透明遮罩层,而且下层列表页面禁止滚动了。关键就是给html和body都加上overflow":"hidden。
效果预览:(请用谷歌浏览器的f12手机模拟模式)
http://www.gbtags.com/gb/rtreplayerpreview-standalone/2824.htm
源码下载: