经常会遇到这样的情况，当页面展示内容过长时，想点导航切换栏目，就得把滚动条拉回到顶上，这样操作总不太人性化，能不能让导航超出显示范围外时自动贴在屏幕最顶上呢？答案肯定是能的。如果不太明白，把滚动条拉到下面点，看下我博客是效果就明白了。

其实实现起来并不难，我们先把实现流程大致想一下，首先，如果导航在显示范围内，就不用做修改。当导航超出显示范围，也就是导航距离屏幕顶部的距离小于0的时候，我们要让它浮动在屏幕顶上，然后大于0的时候，进行一个复原操作，原理就是这么简单，大致看下效果图吧 代码如下: $().ready(function(){ //导航距离屏幕顶部距离 var _defautlTop = $(“#navigator”).offset().top – $(window).scrollTop(); //导航距离屏幕左侧距