導覽列

透明

點擊

下拉選單

父項目圖示

下拉橫條

第一個範例使用 dropbar: SELECTOR，第二個範例使用 dropbar: true。

圖示和副標題

內容項目

標誌和切換

主要

置中

延展

版面配置

JavaScript 選項

選項 值 預設 描述
對齊方式 字串 靠左 下拉選單對齊方式（靠左、靠右、置中）。
邊界 布林值、CSS 選擇器 true 參考元素以保持下拉選單的顯示。預設為導覽列元件的元素。
下拉橫條 布林值、CSS 選擇器 false 下拉橫條選擇器。若為 true，下拉橫條將自動插入。
下拉橫條錨點 布林值、CSS 選擇器 false 下拉橫條錨點選擇器。若設定，下拉橫條將插入於錨點元素之後。
下拉橫條透明模式 布林值、字串 false 下拉橫條透明模式（在後方、移除）。
持續時間 數字 200 下拉橫條過渡動畫持續時間。
容器 布林值 false 透過選擇器定義目標容器，以指定下拉選單應附加在 DOM 的位置。
延展 布林值、字串 true 在雙軸（true）或指定軸（x,y）上延展下拉選單。
模式 字串 點擊、懸停 以逗號分隔的下拉選單觸發行為模式清單（懸停、點擊）。
延遲顯示 數字 0 在懸停模式下，下拉選單顯示前的延遲時間（毫秒）。
延遲隱藏 數字 800 在懸停模式下，下拉選單隱藏前的延遲時間（毫秒）。
目標 布林值、CSS 選擇器 false 下拉選單定位的元素（`true` 代表視窗）。
目標 X 軸 布林值、CSS 選擇器 false 下拉選單定位的元素 X 軸（`true` 代表視窗）。
目標 Y 軸 布林值、CSS 選擇器 false 下拉選單定位的元素 Y 軸（`true` 代表視窗）。
偏移量 數字 0 下拉選單偏移量。
動畫 字串 uk-animation-fade 以空格分隔的動畫名稱。以逗號分隔則為動畫效果關閉。
動畫效果關閉 布林值 false 關閉下拉選單時使用動畫。
背景捲動 布林值 true 允許在下拉選單開啟時捲動背景。
捲動時關閉 布林值 false 在捲動父層捲動容器時關閉下拉選單。

滑鼠追蹤器