背景
来美丽说后做的第一个大的页面改版就是商家后台整个发宝页改版，感觉其中一个比较有意思的地方就是侧边导航栏的实现。页面内容非常多，涉及到商品的不同属性信息以及其他一些功能模块，所以整个页面的 js 实现也分模块组织。这次要记录的侧边导航就是sideNav.js这个模块。
页面效果
最终的效果如下图（如果有美丽说商家账号也可以直接访问该 链接 来看）：
页面根据商品的不同属性信息划分为：在店铺的分类、款式/属性、标题/副标题/简述、货号/美丽制造货号、SKU设置、价格/库存、运费、图片信息和其他信息共8个大模块。其中图片信息模块下又分为封面图、产品介绍、商品细节、商品实拍、尺码说明、资质认证和店铺介绍工7个固定模块，以及可以动态添加或删除的自定义模块。现在侧边导航要实现的功能为：
- 点击侧边导航栏的不同选项，页面滚动到对应的功能区域。
- 根据页面当前滚动位置，高亮所在区域对应的侧边导航项；如果该项不在视野内，则滚动导航栏使该项移动至视野内。
- 点击添加或删除自定义模块后，能自动在导航栏中对应添加或删除对应导航项。
- 点击保存宝贝后，会进行信息校验；如果有错误，会在侧边导航中添加