1.0.4 • Published 1 year ago
happy-sticky v1.0.4
happy sticky 通过 js 快速实现粘性定位,高度自动计算
主要函数列表
addStickyToEleByClass
添加 stickey 属性到目标元素
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
className | string | -- | 操作元素 | 是 |
targetClassName | string | -- | 目标元素 | 是 |
radio | number | 0 | 偏差 | 否 |
addStickyToEleById
添加 stickey 属性到目标元素
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
id | string | -- | 操作元素 | 是 |
targetId | string | -- | 目标元素 | 是 |
radio | number | 0 | 偏差 | 否 |
linstenScroll
监听滚动返回当前是否处于 sticky 状态
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
className | string | -- | 操作元素 | 是 |
targetClassName | string | -- | 目标元素 | 是 |
callback | function | -- | 回调函数,返回 true/false | isRemove 为 false 必填 |
isRemove | boolean | 0 | 是否移除监听 | 否 |
scrollToStickyByHeight
按照给定高度滚动到指定位置
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
ctx | this | -- | 上下文 | 是 |
height | number | 0 | 高度 | 是 |
scrollToStickyById
滚动到 targetClassName
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
ctx | this | -- | 上下文 | 是 |
className | string | -- | 操作元素 | 是 |
targetClassName | string | -- | 目标元素 | 是 |
radio | number | 0 | 高度 | 否 |
创建粘性定位元素
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
tagType | K extends keyof HTMLElementTagNameMap | div | 标签类型 | 否 |
direction | 'top'、'bottom'、 'left'、 'right' | top | 吸附方向 | 否 |
distance | number | 0 | 吸附高度 | 否 |
fatherContainerId | string | null | 添加到目标元素内部 | 否 |
className | string | null | 类名 | 否 |
createStickyBeforeEle
创建粘性定位元素
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
tagType | K extends keyof HTMLElementTagNameMap | div | 标签类型 | 否 |
direction | 'top'、'bottom'、 'left'、 'right' | top | 吸附方向 | 否 |
distance | number | 0 | 吸附高度 | 否 |
fatherContainerId | string | null | 添加到目标元素内部 | 否 |
targetId | string | null | 添加到目标元素前 | 否 |
className | string | null | 类名 | 否 |
getStickyTopById
获取相对于某元素吸附的高度
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
id | string | 必填 | 目标元素 id | 是 |
getStickyTopByClassName
获取相对于某元素吸附的高度
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
class | string | 必填 | 目标元素 class | 是 |
createWrapper
创建容器
参数 | 类型 | 默认值 | 描述 | 是否必填 |
---|---|---|---|---|
tagType | K extends keyof HTMLElementTagNameMap | div | 目标元素 class | 否 |
className | string | null | 目标元素 class | 否 |
fatherContainerId | string | body | 目标元素 class | 否 |