使用 WebKit/Blink 瀏覽器時如何防止 Mac 觸控板上的捲軸消失？

防止滾動條消失：WebKit/Blink 中Mac 觸控板用戶的解決方案

問題：

問題：

問題：

問題：

使用Mac OS X Lion (10.7) 的macOS 使用者稍後在WebKit/Blink 瀏覽器（如 Safari 和 Chrome）中使用觸控板時可能會遇到隱藏的捲軸。這種行為可能會導致混亂，因為滾動條提供了元素可滾動的基本視覺提示。

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

解決方案：

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

WebKit 的 -webkit-scrollbar 偽元素啟用控制捲軸的外觀。透過自訂這些元素，我們可以防止預設行為並強制捲軸連續顯示。

CSS 樣式：

停用預設外觀和行為：重新建立可見滾動的外觀條：結論：透過實現此CSS 樣式，我們可以確保滾動條在WebKit/ Blink 瀏覽器中對Mac 觸控板使用者保持可見，提供一致且直覺的滾動體驗。

以上是使用 WebKit/Blink 瀏覽器時如何防止 Mac 觸控板上的捲軸消失？的詳細內容。更多資訊請關注PHP中文網其他相關文章！