贴靠组件
条件:贴靠目标不能被position
为absolute
或relative
的元素包裹。
常用组件:
alwaysStickLeft
x 方向永远贴靠在参考元素的左侧alwaysStickRight
x 方向永远贴靠在参考元素的右侧toTopAndBottomDistance
y 方向永远处于距页面顶部 top 个像素以下、页面底部 bottom 个像素以上yBetweenTwoRef
y 方向永远处于参考元素 1 和参考元素 2 之间
事件注册器:
scrollRegister
x 方向永远贴靠在参考元素的左侧,返回注销事件函数,下同resizeRegister
x 方向永远贴靠在参考元素的左侧
可组合组件:
getElemPos
获取目标距离页面左上角的 x 方向和 y 方向的距离。返回{ x: number, y: number }
windowWidth
获取窗口宽度,返回number
像素,下同windowHeight
获取窗口高度refWidth
获取 dom 宽度refHeight
获取 dom 高度ref1BottomToRef2Top
从 ref1 底部到 ref2 顶部的距离refRightToScreenLeft
从 dom 右侧到屏幕左侧的距离refLeftToScreenLeft
从 dom 左侧到屏幕左侧的距离refBottomToScreenTop
从 dom 底部到屏幕顶部的距离refTopToScreenTop
从 dom 顶部到屏幕顶部的距离refRightToScreenRight
从 dom 右侧到屏幕右侧的距离refLeftToScreenRight
从 dom 左侧到屏幕右侧的距离refBottomToScreenBottom
从 dom 底部到屏幕底部的距离refTopToScreenBottom
从 dom 顶部到屏幕底部的距离