Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
默认
切换对齐方式
切换位置
切换位置和对齐方式
选项 | 值 | 默认 | 描述 |
---|---|---|---|
toggle |
CSS 选择器 | - * | 用作切换元素的 CSS 选择器。默认情况下,使用前面的元素。 |
pos |
字符串 | 底部-左侧 | 下拉菜单位置。 |
stretch |
布尔值, 字符串 | 否 | 在两个 (true) 或给定轴 (x,y) 上拉伸下拉菜单。 |
mode |
字符串 | click,hover | 下拉触发行为模式的逗号分隔列表 (hover, click)。 |
delay-show |
数字 | 0 | 悬停模式下,下拉菜单显示前的延迟时间,单位为毫秒。 |
delay-hide |
数字 | 800 | 悬停模式下,下拉菜单隐藏前的延迟时间,单位为毫秒。 |
auto-update |
布尔值 | 是 | 将此选项设置为 `false` 以禁用滚动时的动态定位。 |
boundary |
CSS 选择器 | 否 | 下拉菜单不能超出并导致其翻转和偏移的区域。默认情况下,是最近的滚动祖先。 |
boundary-x |
布尔值, CSS 选择器 | 否 | 下拉菜单在 x 轴上不能超出并导致其翻转和偏移的区域。 |
boundary-y |
布尔值, CSS 选择器 | 否 | 下拉菜单在 y 轴上不能超出并导致其翻转和偏移的区域。 |
target |
布尔值, CSS 选择器 | 否 | 下拉菜单定位到的元素(`true` 代表窗口)。 |
target-x |
布尔值, CSS 选择器 | 否 | 下拉菜单定位到的元素的 X 轴(`true` 代表窗口)。 |
target-y |
布尔值, CSS 选择器 | 否 | 下拉菜单定位到的元素的 Y 轴(`true` 代表窗口)。 |
inset |
布尔值 | 否 | 在其目标内定位。 |
flip |
布尔值 | 是 | 如果下拉菜单超出边界,则沿主轴翻转。 |
shift |
布尔值 | 是 | 如果下拉菜单超出边界,则沿交叉轴偏移。 |
offset |
数字 | 0 | 下拉菜单偏移量。 |
animation |
字符串 | uk-animation-fade | 动画的空格分隔名称。退出动画用逗号分隔。 |
animate-out |
布尔值 | 否 | 关闭下拉菜单时使用动画。 |
bg-scroll |
布尔值 | 是 | 在下拉菜单打开时允许背景滚动。 |
close-on-scroll |
布尔值 | 否 | 在滚动父滚动容器时关闭下拉菜单。 |
duration |
数字 | 200 | 动画持续时间。 |
container |
布尔值 | 否 | 通过选择器定义目标容器,以指定下拉菜单应附加在 DOM 中的位置。 |