手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

jQuery滚动固定侧边栏元素插件Sticksy.js

时间:2020-06-25    点击: 次    来源:网络    作者:佚名 - 小 + 大

jQuery滚动固定侧边栏元素插件Sticksy.js
简要教程

Sticksy.js是一款jQuery滚动固定侧边栏元素插件。该插件可以在页面滚动时,将任意元素固定在页面的可视区域中,跟随页面一起滚动。

使用方法

安装

npm install sticksy --saveyarn 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');                    

作为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。

 Sticksy.js插件的github网址为:https://github.com/kovart/sticksy

 jQuery滚动固定侧边栏元素插件Sticksy.js 本地下载

上一篇:可分页、排序和搜索的jQuery表格插件

下一篇:jQuery响应式垂直侧边栏插件rvnm

推荐阅读
浙ICP备14024822号  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  电话:13388629007  |  
Copyright © 2020 天人文章管理系统 版权所有,授权www.antqq.com使用 Powered by 55TR.COM