CeilingLamp
吸顶条,支持在页面滑动到指定位置时固定在顶部,常用于导航栏和搜索条。
示例
<nut-ceilinglamp
:fixedTop = "0"
:fixedType = "true"
:screenNum = "0">
<div class="ceildiv">
我能自动固定到顶部
</div>
</nut-ceilinglamp>
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
fixedTop | 定位时距离顶部的位置 | Number | 0 | — |
fixedType | 吸顶方式(直接吸顶or消失后再出现吸顶) | Boolean | true | — |
arrivalEl | 吸顶消失的目标元素的id或者class | String | null | — |
screenNum | 吸顶在第几屏显示 | Number | 0 | — |
zIndex | 定位元素的层级 | Number | 1001 | — |