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
”资源来自于网络,版权争议与本站无关,版权归原创者所有!仅限用于学习和研究目的,不得将上述内容资源用于商业或者非法用途,否则,一切后果请用户自负。1. 本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,不存在任何商业目的与商业用途。
2. 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
3. 如果你也有好源码或者教程,可以到审核区发布,分享有魔币奖励和额外收入!
4. 不保证所有资源都完整可用,不排除存在加密、BUG、需要授权或者残缺的可能,由于资源的特殊性,下载后一律不予退货。
5. 魔方资源网不提供任何技术支持及安装服务,请自行做好评估。
6. 如有链接无法下载、失效或广告宣传,请联系客服QQ:256382490 尽快为您处理!
7. 本站所有的资源并非收费,用户只要登陆,签到后就可以获取相应魔币用于兑换用于学习参考使用,所有的会员费用网站用来做站点的运维费用,所需的魔币不是资源本身的价值,和资源没直接关系!
8. 如遇到加密压缩包,默认解压密码为"www.mofangmall.com或mofangmall.com",如遇到无法解压的请联系管理员!
9. 如无法链接失效或侵犯版权,请先联系我们点击这里给我发消息256382490@qq.com