首頁 > web前端 > css教學 > 如何防止在 iOS 裝置上滾動和隱藏視口之外的內容?

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

Linda Hamilton
發布: 2024-12-14 08:45:15
原創
930 人瀏覽過

How Can I Prevent Scrolling and Hide Content Beyond the Viewport on iOS Devices?

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

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

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

解決方案:

應用程式溢位:隱藏; html 和 body 元素:

html,
body {
    overflow: hidden;
}
登入後複製

對於 iOS 9,您可能需要這個:

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}
登入後複製

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板