克服WebKit/Blink 中觸控板用戶的隱藏捲軸
UIKit/Blink 的預設行為為MacOS 上的觸控板用戶隱藏滾動條,可能會妨礙用戶互動。若要解決此問題並確保捲軸可見性一致,請依照下列步驟操作:
1.停用預設捲軸行為:
使用-webkit-appearance: none 停用WebKit 的預設捲軸外觀; ::-webkit-scrollbar 偽元素上的CSS 屬性。
2.定義自訂捲軸樣式:
由於刪除了預設樣式,因此您必須定義自己的樣式。以下CSS 重新建立隱藏捲軸的外觀:
3.將樣式套用於可捲動元素:
將自訂CSS 套用於可捲動元素,確保捲軸始終可見,無論觸控板如何使用。這提供了一致的用戶體驗並消除了潛在的混亂。
以上是如何在 WebKit/Blink 中使捲軸始終對觸控板使用者可見?的詳細內容。更多資訊請關注PHP中文網其他相關文章!