移动web顶部导航栏的制作小心得

之前一直涉及到的都是PC端的Web，现在要做微信公众号的时候，发现很多PC端的效果在手机上做起来是有一定的差别，要做很多兼容和调整的东西。现在来谈一谈这些天做顶部固定导航栏的小心得。

因为博客貌似会解析文本中写的html代码，影响代码展示效果，所以为了方便，很多时候代码可能使用的是截图，给大家造成不便，聊表歉意。

1.关于顶部固定导航栏

效果图如下：

实现代码如下：

整体框架图如下图所示：

现在让我们来看看css是怎么写的吧：