网页下拉的同时顶部导航逐渐缩小并固定在顶部 -懒人驿站

毕业设计 PHP源码

网页下拉的同时顶部导航逐渐缩小并固定在顶部

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2014-09-16

网页下拉的同时顶部导航逐渐缩小并固定在顶部

效果描述：

当页面下拉超过200像素的时候，顶部导航会缩小，并始终固定在网页顶部

反之，当页面向上移动，低于200像素的时候，导航将重新恢复到原始高度大小

使用方法：

1、将其中的css样式拷贝到你的页面中

2、将index.html中body部分代码拷贝到你需要的地方即可

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载

上一篇：jQuery鼠标悬停导航底部动画效果
下一篇：jQuery实现页面滚动时顶部导航显示或者隐藏