」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 為什麼 iOS 裝置上缺少 CSS 捲軸?

為什麼 iOS 裝置上缺少 CSS 捲軸?

發佈於2024-11-08
瀏覽:763

Why are CSS Scrollbars Missing on iOS Devices?

iOS上無法顯示有CSS Overflow的捲軸

為iPad開發網站時,使用CSS屬性overflow: auto來啟用div內的捲軸可能無效。儘管兩指滾動手勢功能正常,但捲軸仍然隱藏。嘗試同時使用溢出:自動和溢出:滾動不會產生任何結果。

iOS行為

不幸的是,溢位:自動和捲動都不會在iOS裝置上產生捲軸。據報道,這是由於這些控制項佔用了螢幕空間。

替代解決方案

為了彌補iOS 上滾動條的缺失:**

  • 使用兩指滑動: 使用者可以透過執行兩指滑動來捲動溢出內容。
  • 建立自訂捲軸: 實作JavaScript 或 jQTouch 解決方案為溢出元素建立您自己的捲軸。
  • 使用 @media 查詢移除溢位: 當裝置寬度低於某個門檻時,使用 @media 查詢移除溢位屬性,確保內容完整顯示。這種方法簡化了 iPhone 用戶的使用者體驗。
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3