如何停用 Mobile Safari 中的捲動功能？

在Mobile Safari 中停用捲動：綜合指南

Mobile Safari 雖然提供直覺的瀏覽體驗，但在嘗試停用時可能會帶來挑戰在長頁面上滾動。當內容超出使用者的可見畫面時，就會出現此問題，可能會導致不必要的滾動行為。

為了解決這個問題，人們可能會本能地將 CSS 的「overflow:hidden」屬性應用於 body 元素。然而，這種方法在行動 Safari 環境中經常失敗，讓開發人員感到困惑。

為了克服這個限制，解決方案在於將 'overflow:hidden' 屬性擴展到 body 元素之外，以包含 HTML 元素。透過將“html”和“body”設定為“overflow:hidden”，您可以有效地防止瀏覽器視窗滾動，從而將內容限制在可見視窗中。

html,
body {
    overflow: hidden;
} 

特別是對於iOS 9，一個額外的可能需要進行調整：

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

透過應用這些CSS 更改，您可以有效地禁用移動Safari 上的滾動，確保您的內容保持整齊地包含在用戶的可見螢幕。

以上是如何停用 Mobile Safari 中的捲動功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！