sticky-js固定元素代码插件可实现图片滚动固定

sticky-js固定元素代码插件可实现图片滚动固定

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

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

1
2
npm install sticky-js
bower install sticky.js

使用方法
在页面中引入sticky.min.js文件。

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

HTML结构
例如,要让一个

元素固定在页面上。

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

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

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

语法为:

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

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

1
2
3
4
当父容器的高度改变时,更新sticky。
var sticky = new Sticky('.sticky');
// and when parent change height..
sticky.update();

销毁sticky元素。

1
2
var sticky = new Sticky('.sticky');
sticky.destroy();

文件信息:

    2

    发表评论