主要介绍了基于jquery实现页面滚动时顶部导航显示隐藏效果，当页面向下滚动的时候，导航菜单动态隐藏，页面滚动到顶部时，导航菜单动态显示，淘宝也采用过此效果，感兴趣的小伙伴们可以参考一下

本文实例讲述了jquery实现页面滚动时顶部导航显示隐藏效果代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 具体代码如下： 引入核心文件 [removed][removed] 构建html，margint这个div中为了出现滚动条而建，并无实际作用。 这是顶部导航条 滚动看效果滚动看效果 写入CSS .top-title {background:#e74c