那隻是我滾動的方式

您如何判斷網頁（或特定元素）是否可滾動？滾動條的存在是一個明顯的指標。儘管關於“折疊”內容的辯論仍然存在，但通常可以理解滾動條的功能和含義。

但是，滾動條通常被隱藏。例如，除非積極滾動，否則MacOS會隱藏它們。移動瀏覽器也經常缺乏可見的滾動條，即使overflow: scroll;應用。

這很重要，因為未檢測到的滾動區域會掩蓋關鍵內容或功能。

考慮一下泰勒·霍爾（Tyler Hall）的“完美裁剪”軼事。具有必需功能的iOS屏幕需要滾動，但沒有提供視覺提示。結果？泰勒的母親無法找到熟悉的功能，這是一個重大的可用性失敗。

儘管存在檢測和強制可見滾動條的方法，但它們有缺點。他們可能會覆蓋用戶的偏好，需求DOM操縱，並依靠潛在的過時的供應商預裝CSS。

克里斯·史密斯（Chris Smith）的方法提供了一種優越的選擇：

基於影子的技術特別有效。插圖的陰影清楚地表明了基礎內容，陰影本身充當滾動方向的視覺提示。這種僅CSS方法為各種UI上下文提供了出色的控制和適應性。這是一個聰明的CSS技巧，完全避免了JavaScript。

以上是那隻是我滾動的方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！