如何实现仿简书慕课专栏头部导航栏的滚动动画效果？

本文共计1357个文字，预计阅读时间需要6分钟。

不知大家有没有注意到，在阅读书籍时，随着视线上下滚动，导航栏会显示出切换内容的效应。这与在浏览课程专题时，头部导航栏随上下滚动而隐藏/显示的特性类似。牢记这一点，在深夜阅读时，不妨放松心情，享受阅读的乐趣。

不知大家有没有看过简书的导航栏随上下滚动所展现出来的切换内容的效果，和在慕课专栏看到的头部导航栏随上下滚动而隐藏/展现的特效，就一直念念不忘。
趁今晚无事，不如来把两种效果都实现一下，以此慰藉自己这几天“受伤的心灵”。。。