如何防止在 iOS 裝置上滾動和隱藏視口之外的內容？

在 iPhone/iPad 上隱藏折疊之外的內容

在移動 Safari 上禁用長頁面滾動可能是一個挑戰。將溢位：隱藏應用到

中單獨的元素可能還不夠。這是一個有效的解決方案：

解決方案：

應用程式溢位：隱藏； html 和 body 元素：

html,
body {
    overflow: hidden;
}

對於 iOS 9，您可能需要這個：

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

這將阻止頁面滾動並隱藏超出範圍的任何內容視口。請注意，此解決方案可能不適合所有網站，因為它可能會破壞某些依賴捲動的功能，例如滑桿或下拉式選單。

以上是如何防止在 iOS 裝置上滾動和隱藏視口之外的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！