如何防止在 Mobile Safari 上滾動？

控制Mobile Safari 上的滾動行為

您的網站包含大量內容，並且您尋求一種方法來限制頁面，從而隱藏超出範圍的資訊視窗的可見區域。此功能尤其在 iPhone 和 iPad 裝置上至關重要。

初步故障排除嘗試

實現溢出：隱藏；專門針對您的 CSS 中似乎無法解決移動 Safari 上的滾動問題。此外，圍繞您的網站創建全面的包裝器並不是一個可行的解決方案。

有效的解決方案

要有效停用移動Safari 上的捲動，請考慮以下方法：

• 應用溢位：隱藏；到 和和 CSS 中的元素。事實證明，這種技術可以有效解決類似的滾動問題。

html,
body {
    overflow: hidden;
}

• 對於iOS 9 設備，可能需要替代解決方案：

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

透過實施這些CSS 調整，您可以防止在移動Safari上捲動並確保頁面內容保持在可見範圍內視窗。

以上是如何防止在 Mobile Safari 上滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！