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

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

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

Why are CSS Scrollbars Missing on iOS Devices?

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

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

iOS行為

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

替代解決方案

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

  • 使用兩指滑動: 使用者可以透過執行兩指滑動來捲動溢出內容。
  • 建立自訂捲軸: 實作JavaScript 或 jQTouch 解決方案為溢出元素建立您自己的捲軸。
  • 使用 @media 查詢移除溢位: 當裝置寬度低於某個門檻時,使用 @media 查詢移除溢位屬性,確保內容完整顯示。這種方法簡化了 iPhone 用戶的使用者體驗。
最新教學 更多>
  • 是什麼導致 Google Chrome 的 Console.log() 中陣列和物件的行為不一致?
    是什麼導致 Google Chrome 的 Console.log() 中陣列和物件的行為不一致?
    Google Chrome 的console.log() 表現出數組和對像不一致的行為了解問題在Google Chrome 中調試代碼時,觀察到console.log() 在處理巢狀數組時表現得很奇怪。記錄數組時,在記錄後修改其內部值會導致記錄的輸出反映更新後的值而不是記錄時的值。 Firefox ...
    程式設計 發佈於2024-11-08
  • 在 PHP 中按物件欄位對物件數組進行排序
    在 PHP 中按物件欄位對物件數組進行排序
    在 PHP 中,有多種方法可以依照物件欄位對物件陣列進行排序。以下是一些常見的方法: 將 usort() 函數與自訂比較函數結合使用 實作自訂排序演算法 利用 array_multisort() 函數 將 usort() 函數與自訂比較函數結合使用 以下是在 PHP 中使用 uso...
    程式設計 發佈於2024-11-08
  • 注意 Java 中的型別轉換
    注意 Java 中的型別轉換
    Java是強類型語言,但仍可在不同類型的原始變數之間傳遞值。例如,我可以將 int 的值指派給 double ,沒有任何問題,只要接收該值的類型的儲存容量可以處理它。 請參閱下面每個原始類型的大小: 將值轉移到具有更大儲存容量的類型有一個技術名稱:「擴大轉換」。該術語在葡萄牙語中通常被翻譯為“放大...
    程式設計 發佈於2024-11-08
  • 如何在 React 中建立天氣應用
    如何在 React 中建立天氣應用
    If you want to master crucial web development skills like working with API's, fetching data, and asynchronous functions such as async and await in Rea...
    程式設計 發佈於2024-11-08
  • Go 和 Python 之間的 gRPC 通信
    Go 和 Python 之間的 gRPC 通信
    gRPC 是一个功能强大、高性能的远程过程调用 (RPC) 框架,尽管不如 REST 常用,但在某些场景中提供了显着的优势。 此外,它与语言无关,可以在任何环境中运行,使其成为服务器到服务器通信的理想选择。 我不会深入研究它的完整解释,但这里是 gRPC 的一般链接。我将提供实践教程 ...
    程式設計 發佈於2024-11-08
  • CSS 定位中的position:sticky 和position:fixed 有何不同?
    CSS 定位中的position:sticky 和position:fixed 有何不同?
    瀏覽CSS 定位的細微差別:揭開position:sticky 和position:fixed理解CSS 定位的複雜性可能具有挑戰性,尤其是CSS 新手。經常出現的一個特殊兩難是position:sticky 和position:fixed 之間的差異。本文深入探討了顯著差異,為那些尋求更深入理解的...
    程式設計 發佈於2024-11-08
  • 如何使用 JavaScript 將大字串拆分為 N 大小的區塊?
    如何使用 JavaScript 將大字串拆分為 N 大小的區塊?
    在JavaScript 中將大字串拆分為N 大小的區塊要有效地將大字串拆分為大小為N 的較小區塊,您可以使用JavaScript 中的String.prototype.match 方法。此方法使您能夠將正規表示式模式套用至字串並提取匹配的子字串。 使用String.prototype.match:將...
    程式設計 發佈於2024-11-08
  • 如何在 C++ 中不使用 getline() 將檔案位元組讀入字元數組?
    如何在 C++ 中不使用 getline() 將檔案位元組讀入字元數組?
    How to Retrieve File bytes into a Char Array in C 要在不使用getline() 的情況下將文件位元組讀入char 數組,請考慮使用ifstream::read()。請依照下列步驟操作:開啟檔案:std::ifstream infile("C...
    程式設計 發佈於2024-11-08
  • 以下是一些符合條件的標題選項:

**選項 1(關注問題):**

* **如何在 Python 中創建真正不可變的物件:超越基礎**

**選項 2(突出顯示解決方案)
    以下是一些符合條件的標題選項: **選項 1(關注問題):** * **如何在 Python 中創建真正不可變的物件:超越基礎** **選項 2(突出顯示解決方案)
    Python 中的不可變對象:超越基本解決方案雖然標準元組類提供了不可變性,但本文探討了創建性不可變物件的更高級技術重寫__setattr__:一種有限的方法一個常見的解決方案是重寫setattr方法。但是,即使在 init 函數中,這也會阻止屬性設定。因此,它可能不適合所有場景。 子類化元組:部分...
    程式設計 發佈於2024-11-08
  • Spring Boot:如何解決跨來源問題
    Spring Boot:如何解決跨來源問題
    跨源问题描述 您可能会遇到以下错误消息: 被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头 此错误表示对某个地址的请求已被 CORS 协议阻止,因为资源中缺少 Access-Control-Allow-Origin 标头。 ...
    程式設計 發佈於2024-11-08
  • 處理日期和時區轉換:為什麼正確的 UTC 轉換很重要
    處理日期和時區轉換:為什麼正確的 UTC 轉換很重要
    在检索选定日期范围内的数据时,我们注意到我们的计算存在一定偏差。然而,当我们将日期减少一天时,数据完全匹配! 嗯……我们的代码中处理日期的方式可能存在问题。也许时区处理不正确——是的,我是对的! 当构建涉及来自不同时区的用户的应用程序时,正确处理日期可能很棘手。在 UTC 中存储日期是确保一致性的...
    程式設計 發佈於2024-11-08
  • gRPC:你住在哪裡?你吃什麼?
    gRPC:你住在哪裡?你吃什麼?
    A primeira vez que ouvi falar sobre RPC foi em uma aula de sistema distribuídos, ainda quando estava cursando a graduação em Ciência da Computação. Ac...
    程式設計 發佈於2024-11-08
  • 如何為 3D 模型實現平滑的切線空間法線?
    如何為 3D 模型實現平滑的切線空間法線?
    如何實現平滑的切線空間法線修復因切線、副法線的每面計算而導致的模型的多面外觀,和法線向量,必須考慮模型預先提供的法線。 每頂點法線平均第一種方法涉及計算每面法線和將其分佈在形成面的頂點之間。每個頂點維護一個初始值為零的累加器向量,並將面法線的 X、Y 和 Z 分量添加到每個涉及頂點的累加器中。此外,...
    程式設計 發佈於2024-11-08
  • 透過簡單範例了解 JavaScript 中的呼叫、應用和綁定
    透過簡單範例了解 JavaScript 中的呼叫、應用和綁定
    透過簡單範例了解 JavaScript 中的呼叫、應用和綁定 使用 JavaScript 時,您可能會遇到三種強大的方法:呼叫、應用和綁定。這些方法用於控制函數中 this 的值,從而更輕鬆地處理物件。讓我們透過簡單的範例來分解每種方法,以了解它們的工作原理。 1...
    程式設計 發佈於2024-11-08
  • 大括號放置對 JavaScript 執行有什麼影響?
    大括號放置對 JavaScript 執行有什麼影響?
    大括號放置和 JavaScript 執行在 JavaScript 中,大括號的放置可以顯著改變程式碼的行為和輸出。如提供的程式碼片段所示,大括號位置的單一變更可能會導致截然不同的結果。 自動分號插入和未定義返回當左大括號時被放置在一個新行上,如第一個程式碼片段一樣,自動分號插入開始。這是 JavaS...
    程式設計 發佈於2024-11-08

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

Copyright© 2022 湘ICP备2022001581号-3