写在前面（狗头保命符）写的不好，求大佬轻喷。

今日又是产品经理喂鸡食的日子。

项目经理：“来给我做一个可以隐藏的底部导航栏”。

菜本鸡的我：ok，墨的问题啊。

先这样，写底部导航栏样式，定位在屏幕之外 然后这样，在js的onPageScroll函数里，监听屏幕滚动的位置，滚到指定位置时，将上浮动画赋值给底部导航栏，再这样…

当我信心满满按下Ctrl+S时，哎，BB哪去了…(不对不对，跑远了跑远了)。

绝对定位在屏幕之外的导航栏确实浮现在屏幕上，但是跟屏幕的底部却有一条细微的缝隙，

这点，在自带导航栏的手机上会更加明显，

原因是：导航栏的高度，我是在css文件里写的，但是偏移的动画，却是在js里实现的，

这就导致，换算的结果难免会有小数位数，所以偏移的位置，会稍稍比导航栏的高度多出一点点，导致与屏幕下方贴合不精密。

问题找到了，那解决起来就简单了。

解决方法：将导航栏的高度与偏移量保持一致，也用js计算。

备选方法：将偏移动画用css写好，然后js改变类名。

哈哈，写完收工，菜本鸡去领今天的鸡食了。祝大家周五好心情！！！