小米笔记 - 坏记性不如烂笔头 - 底部菜单
type: channel
link: https://notemi.cn/tag/%E5%BA%95%E9%83%A8%E8%8F%9C%E5%8D%95/
items: 底部菜单栏的实现

底部菜单栏的实现
type: item
date: 2017-06-27T15:04:00+08:00
description: 需求 想做一个类似于qq底部菜单的效果，点击颜色变化并加载相应的页面。 实现方法 很简单，主要分为三个部分的div（top,content,menu）。虽然很简单但也遇到了不少坑，这里简单总结下： 刚开始我将menu的position属性设置为absolute,然后将content内容填满并超过自身高度滚动后发现menu也跟着滚动了。（我既然这么说那肯定就是这个属性设置的有问题了）请教别人后才知道将position属性设置为fixed就能将menu的位置固定了。 [...]