為什麼 iOS 中我的 iPad 網站上缺少捲軸？

iOS 滾動條挫折：CSS 溢出故障排除

在為iPad 網站開發時，您偶然發現了一個意想不到的問題： CSS 溢出屬性（溢出：儘管啟用了兩指滾動，自動或滾動）仍無法顯示捲軸。此怪癖是 iOS 裝置獨有的。

解決問題：

更新的修復（iOS 5beta 及更高版本）：

如kritzikratzi 所指出的，iOS 5beta 中引入的一個新屬性（-webkit-overflow-scrolling: touch）可以解決這個問題，觸發預期的滾動行為。

原始補救措施（iOS 5 和下面）：

不幸的是，由於螢幕空間有限，overflow: auto 和scroll 都不會在iOS 裝置上生成滾動條。相反，兩指滑動機制是滾動溢出內容的指定方法。

替代方案：

• JavaScript 和 jQuery：利用 JavaScript 和 jQuery 等函式庫為溢位元素建立自訂捲軸。
• @media 查詢： 使用 @media 查詢隱藏溢位並在 iPhone 裝置上完整呈現內容。

使用 @media 查詢的範例：

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />

以上是為什麼 iOS 中我的 iPad 網站上缺少捲軸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！