jquery固定元素在窗口顶部位置插件

当前位置:主页 > jQuery库 > 布局和界面 > jquery固定元素在窗口顶部位置插件
小编推荐: 掘金是国内最活跃的技术社区,从 jQuery到vue,从前端教程到开源库,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。
jquery固定元素在窗口顶部位置插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2017-07-21
    阅读:
简要教程

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

网友评论