assignment_late
為何捐款
travel_explore
API 探索器
小工具
Vue 元件
星星
Icon Genie CLI
note_add
App Extensions
healing
Quasar 工具程式
QScrollArea 元件提供了一種封裝內容,自訂捲軸的簡潔方法。可以將它視為具有 overflow: auto
的 DOM 元素,但使用您自己的自訂樣式捲軸,而不是瀏覽器的預設捲軸,並在頂部提供一些不錯的功能。
正在載入 QScrollArea API...
用法
以下範例最好在桌面上查看,因為在行動裝置上它們意義不大。
提示
您也可以看看Layout Drawer,以查看更多實際運作的範例。
基本
垂直內容
水平內容
垂直和水平內容
已設定樣式
已設定樣式的滑塊和滾動條
已設定樣式
深色設計
強制深色模式
控制捲軸可見性
當使用 visible
布林屬性時,預設的滑鼠懸停/離開行為會被停用,讓您可以完全控制捲軸的可見性。
控制捲軸可見性
延遲
當內容變更時,捲軸會出現然後再次消失。您可以設定捲軸再次消失前的特定延遲時間(以毫秒為單位)(如果元件未被懸停)。
延遲
捲動位置
捲動位置
捲動事件
以下是使用 @scroll
事件來同步兩個容器之間捲動的範例。
已同步
發現錯誤?在瀏覽器中編輯此頁面
1. 簡介
2. QScrollArea API
3. 用法
3.1. 基本
3.2. 已設定樣式
3.3. 深色設計
3.4. 控制捲軸可見性
3.5. 延遲
3.6. 捲動位置
3.7. 捲動事件
版權所有 © 2015-至今 PULSARDEV SRL, Razvan Stoenescu
本網站與 Dreamonkey Srl 合作設計