js固定元素插件

sticky-js是一款js固定元素插件。sticky-js插件可以使页面DOM元素固定在某个位置，不随页面的滚动而滚动。

安装

可以通过npm或bower来安装sticky-js插件。

npm install sticky-js
bower install sticky.js               
                

使用方法

在页面中引入sticky.min.js文件。

<script src="sticky.min.js"></script>
                

HTML结构

例如，要让一个<div>元素固定在页面上。

<div class="selector">固定元素</div>
                

初始化插件

然后通过下面的方法来初始化该js固定元素插件。

var sticky = new Sticky('.selector');                
                

语法为：

new Sticky([selector:string], [global options:object])           
                

方法

sticky-js插件的可用方法有：

当父容器的高度改变时，更新sticky。

var sticky = new Sticky('.sticky');

// and when parent change height..
sticky.update();          
                

销毁sticky元素。

var sticky = new Sticky('.sticky');

sticky.destroy();      
                

配置参数

sticky-js插件的可用配置参数有：

sticky-js固定元素插件的github地址为：https://github.com/rgalus/sticky-js