其他代码
Sticksy 滚动固定侧边栏元素jQuery插件
PetitQ
Sticksy.js 是一款 jQuery 滚动固定侧边栏元素插件。该插件可以在页面滚动时，将任意元素固定在页面的可视区域中，跟随页面一起滚动。
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');
作为 jQuery 插件使用。
var stickyElement = $('.widget.is-sticky').sticksy();
API
var instance = new Sticksy(target[, options]);
// demovar 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。
Github 网址：https://github.com/kovart/sticksy
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
