在网站内容比较多的时候，通常情况下如果要再回到顶部，就需要动用鼠标直接滚动到最上面，这样对用户来说并不是十分方便，尤其是在网站内容比较多的时候，这个时候很多人都会想到网站下拉的时候顶部固定不动这个效果，那要怎么实现呢

首先这必须要有JQuery的配合才会有效果，因此首先我们需要引入JQuery库，下面我们以1.7.2的jquery版本为例：

<script src=”js/jquery-1.7.2.min.js”></script>

其次还需要引入这样一段JS代码：

其中红圈部分是可以要据实际需要来做修改的，我们想让哪部分内容一直浮动固定，就填写对应的元素ＩＤ就可以了，可以只是导航，也可以整个网站头部的内容，本例中是让整个头部的内容都固定浮动的

正常状态，滚动条在最顶端的时候：

下拉到网页中间部分之后的状态：

我们发现头部一直是在最上方浮动的，方便用户快速切换到自己想要的目录，这是目前我使用的方法

如果你有更好的方法，欢迎交流！