JavaScript库,使页面上的任何元素在滚动时都可见。
Posted
tags:
中文标题:JavaScript库,使页面上的任何元素在滚动时都可见。 原文标题:JavaScript library that makes any element on your page visible while you scroll. 项目评级:Star:449 Fork:114 下载地址:https://github.com/somewebmedia/hc-sticky 详情介绍HC粘性
JavaScript库,使页面上的任何元素在滚动时都可见。不依赖,但lso可以作为jQuery插件使用。
查看演示。
快速启动
安装
此软件包可以与以下组件一起安装:
或者下载最新版本。
包括HC粘性
脚本标记
Webpack/浏览器化
在脚本中,包括HC Sticky通常看起来是这样的:
巴别塔
AMD(异步模块定义)
如果使用AMD,模块将自动定义为hcSticky
。
用法
一旦您的元素在DOM中可用,请务必调用HC Sticky。
香草JS
jQuery公司
为了让HC Sticky作为jQuery插件工作,jQuery必须是全局window
对象的属性,所以在与Babel/Webpack/Browserify和jQuery组合使用时要小心。
选项
HC Sticky有一系列选项,您可以设置这些选项来完全控制粘性元素。
<表格>
属性 默认 类型 描述
top
bottom
innerTop
innerSticker
bottomEnd
stickTo
followScroll
false
时,如果粘性内容大于<em>窗口stickyClass
responsive
mobileFirst
disable
onStart
onStop
onBeforeResize
onResize
resizeDebounce
表格>
关于如何在此处使用响应对象的更多信息。
方法
方法用于在初始化后控制插件。
<表格>
方法 接受 描述
options
update
refresh
detach
attach
destroy
表格>
香草JS
jQuery公司
开发人员大楼
这个包裹随Gulp一起提供。以下任务可用:
您可以传递一个<code>--dev
代码>命令,如果您不希望编译后的JS被缩小。
许可证
代码和文档是根据麻省理工学院许可证发布的。