底部导航栏样式切换效果，如图该怎么写？

Question

这里的弹出该如何处理？才比较稳妥？
目前的想法是：
方案一：js控制模块点击的display:block/none属性
方案二：js动态创建点击出现的红框内的内容

没什么经验，还望各位大佬给个建议或者思路~不胜感激~^_^

Answer 1

方案一，或者改变点击按钮区域的 overflow 属性

Answer 2

看你想要什么效果决定，方案二不要考虑。如果你想做淡出（配合控制opacity属性）或突然出现，方案一可以实现如果你想做个按钮浮上来的效果，使用js控制css的translate。