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