如何有效停用 Mobile Safari 中的捲動？

在行動 Safari 上停用捲動：克服特定於平台的怪癖

在行動 Safari 上處理長網頁時，可能需要阻止使用者捲動過去初始可見內容。但是，將溢出：隱藏應用於

element 在這個特定的平台上並不總是達到這種效果。

為了解決這個問題，一個已被證明有效的解決方案是對 html 和 body 元素應用overflow:hidden。這種方法可以有效控制移動Safari 上的滾動行為：

html, body {
    overflow: hidden;
}

但是，如果您專門使用iOS 9，則可能會遇到必要代碼的細微變化：

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

這些調整可確保在行動Safari 上停用超出頁面可見部分的捲動，從而使您能夠實現所需的佈局和使用者體驗。

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