导航栏

透明

点击

下拉菜单

父级图标

下拉条

第一个示例使用 dropbar: SELECTOR,第二个示例使用 dropbar: true

图标和副标题

内容项

Logo 和切换

主要

居中

拉伸

布局

JavaScript 选项

选项 默认 描述
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。

鼠标跟踪器