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();