jquery-stopattop是一款固定元素在窗口顶部位置的jquery插件。该插件可以使任意HTML元素在页面向下滚动时，固定在浏览器窗口的顶部位置。

使用方法

在页面中引入jquery和jquery.stopattop.js文件。

           
<script src="js/jquery.min.js"></script>
<script src="js/jquery.stopattop.js"></script>
                

HTML结构

例如，你如果需要使一个导航栏固定窗口顶部，导航栏的代码如下：

<nav class="navbar">
  <div class="container">
    ...
  </div>
</nav>
                

初始化插件

在页面DOM元素加载完毕之后，通过stopAtTop()方法来初始化该jquery固定元素插件。

<script type="text/javascript">
    $("nav").stopAtTop();
</script>                
                

jquery-stopattop-jquery固定元素插件的github网址为：https://github.com/nstublen/jquery-stopattop

在线预览    源码下载