捲軸類別
純 SVG 捲軸的類別。這項技術提供的捲軸雖然可以正常運作,但外觀或運作方式可能會與系統的捲軸不同。
Signature:
export declare class Scrollbar
建構函式
建構函式 | 修飾符 | 說明 |
---|---|---|
(建構函式)(工作區、水平、 opt_pair、opt_class、opt_margin) | 建構 Scrollbar 類別的新執行個體 |
屬性
屬性 | 修飾符 | 類型 | 說明 |
---|---|---|---|
lengthAttribute_ | 字串 | 控制捲軸長度的 DOM 屬性。水平捲軸和垂直捲軸各有不同。 | |
onMouseDownBarWrapper_ | browserEvents.Data | 捲軸背景上滑鼠向下事件的處理常式。 | |
onMouseDownHandleWrapper_ | browserEvents.Data | 捲軸控點上滑鼠向下事件的處理常式。 | |
onMouseMoveWrapper_ | browserEvents.Data | 空值 | 滑鼠向上事件結束捲軸拖曳的處理常式。 | |
onMouseUpWrapper_ | browserEvents.Data | 空值 | 捲軸拖曳期間滑鼠移動事件的處理常式。 | |
positionAttribute_ | 字串 | 控制捲軸位置的 DOM 屬性。水平捲軸和垂直捲軸各有不同。 | |
scrollbarThickness | static |
號碼 | CSS 像素中的垂直捲軸寬度或水平捲軸的高度。在觸控裝置上,捲軸應放大。 |
方法
方法 | 修飾符 | 說明 |
---|---|---|
dispose() | 丟棄這個捲軸。移除 DOM 元素、事件監聽器和主題訂閱。 | |
isVisible() | 顯示捲軸。不需要配對的捲軸會消失。 | |
resize(opt_metrics) | 重新計算捲軸的位置和長度。 | |
resizeContentHorizontal(hostMetrics) | 重新計算水平捲軸在路徑和長度內的位置。當工作區的內容有所變更,應該呼叫此方法。 | |
resizeContentVertical(hostMetrics) | 重新計算垂直捲軸在路徑和長度內的位置。當工作區的內容有所變更,應該呼叫此方法。 | |
resizeViewHorizontal(hostMetrics) | 重新計算畫面上水平捲軸的位置和路徑長度。當視窗的版面配置或大小有所變更時,應該呼叫此方法。 | |
resizeViewVertical(hostMetrics) | 重新計算垂直捲軸的位置和路徑長度。當視窗的版面配置或大小有所變更時,應該呼叫此方法。 | |
set(value, updateMetrics) | 設定捲軸控點的位置。 | |
setContainerVisible(visible) | 設定是否顯示捲軸的容器,並在顯示設定改變時據此更新顯示畫面。 | |
setHandlePosition(newPosition) | 從捲軸的位置設定捲軸控點的偏移值,並據此變更 SVG 屬性。 | |
setOrigin(x, y) | 記錄捲軸所在的工作區來源 (以相對於插入 div 來源的像素為單位)。如果在來源與主要工作區不同的物件中使用捲軸 (例如飛出式工作區),就很適合使用捲軸。 | |
setVisible(visible) | 設定是否顯示捲軸。僅適用於不配對的捲軸。 | |
updateDisplay_() | 根據系統是否應顯示捲軸,以及其所含工作區是否顯示更新捲軸的顯示設定。我們無法仰賴隱藏的工作區來隱藏我們,因為該工作區不一定是 DOM 中的父項。 |