第一个示例使用 dropbar: SELECTOR
,第二个示例使用 dropbar: true
。
选项 | 值 | 默认 | 描述 |
---|---|---|---|
align |
字符串 | 左 | 下拉对齐方式(左,右,居中)。 |
boundary |
布尔值,CSS 选择器 | true | 用于保持 Drop 可见性的参考元素。默认情况下,它是导航栏组件的元素。 |
dropbar |
布尔值,CSS 选择器 | false | 下拉条选择器。如果为 true,则将自动插入下拉条。 |
dropbar-anchor |
布尔值,CSS 选择器 | false | 下拉条锚点选择器。如果设置,下拉条将插入到锚点元素之后。 |
dropbar-transparent-mode |
布尔值,字符串 | false | 下拉条透明模式(behind,remove)。 |
duration |
数字 | 200 | 下拉条过渡持续时间。 |
container |
布尔值 | false | 通过选择器定义目标容器,以指定 Drop 应该附加到 DOM 的位置。 |
stretch |
布尔值,字符串 | true | 在两个轴(true)或给定轴(x,y)上拉伸 Drop。 |
mode |
字符串 | click,hover | 以逗号分隔的下拉触发行为模式列表(hover,click)。 |
delay-show |
数字 | 0 | 在悬停模式下显示 Drop 之前的延迟时间,以毫秒为单位。 |
delay-hide |
数字 | 800 | 在悬停模式下隐藏 Drop 之前的延迟时间,以毫秒为单位。 |
target |
布尔值,CSS 选择器 | false | Drop 定位到的元素(对于窗口为 `true`)。 |
target-x |
布尔值,CSS 选择器 | false | Drop 定位到的元素的 X 轴(对于窗口为 `true`)。 |
target-y |
布尔值,CSS 选择器 | false | Drop 定位到的元素的 Y 轴(对于窗口为 `true`)。 |
offset |
数字 | 0 | Drop 偏移量。 |
animation |
字符串 | uk-animation-fade | 以空格分隔的动画名称。以逗号分隔用于动画退出。 |
animate-out |
布尔值 | false | 在关闭 Drop 时使用动画。 |
bg-scroll |
布尔值 | true | 允许在打开 Drop 时滚动背景。 |
close-on-scroll |
布尔值 | false | 在滚动父滚动容器时关闭 Drop。 |