jQuery滚动固定侧边栏元素插件Sticksy.js
源码介绍
Sticksy.js是一款jQuery滚动固定侧边栏元素插件。该插件可以在页面滚动时,将任意元素固定在页面的可视区域中,跟随页面一起滚动。 安装 作为jQuery插件使用。 可用的配置参数如下: Sticksy.js插件的github网址为:https://github.com/kovart/sticksy简要教程
使用方法
npm install sticksy --save
yarn add sticksy
HTML结构
<aside class="sidebar">
<!-- Non sticky element -->
<div class="widget"></div>
<!-- Sticky element -->
<div class="widget is-sticky"></div>
<!-- Now, the next elements are sticky also -->
<div class="widget"></div>
<div class="widget"></div>
</aside>
初始化插件
var stickyElement = new Sticksy('.widget.is-sticky');
var stickyElement = $('.widget.is-sticky').sticksy();
API
var instance = new Sticksy(target[, options]);
// demo
var stickyEl = new Sticksy('.block.is-sticky', {
topSpacing: 60, // Specify this when you have a fixed top panel
listen: true, // Listen for the DOM changes in the container
});
topSpacing
:指定元素被固定时,距离页面顶部的距离。默认为0。listen
:是否监听dom元素的变化。默认为false。
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » jQuery滚动固定侧边栏元素插件Sticksy.js
发表评论 取消回复