位置: 编程技术 - 正文
基于jquery实现页面滚动时顶部导航显示隐藏(jquery页面跳转的方法)
编辑：rootadmin推荐整理分享基于jquery实现页面滚动时顶部导航显示隐藏(jquery页面跳转的方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery page,jquery page,jquery网页设计,jquery怎么实现单页面,jquery fullpage,jquery page,jquery怎么实现单页面,jquery怎么实现单页面,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jquery实现页面滚动时顶部导航显示隐藏效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：
具体代码如下：
引入核心文件
构建html，margint这个div中为了出现滚动条而建，并无实际作用。
写入CSS
top-title中定义了transition: top .5s;是指.5S时间内动画展示top方向数值的改为。如添加hidden类后，top-title会在0.5s内从top的0动画缓冲到-PX。写入JS
上一篇：Jquery-1.9.1源码分析系列（十一）之DOM操作(jquery源码分析笔记)
下一篇：基于jQuery实现拖拽图标到回收站并删除功能(拖拽js实现)