如何讓捲軸在 CSS 溢出的 iOS 裝置上運作？

透過 CSS 溢位克服 iOS 捲軸阻力

在針對 iPad 進行開發時，利用 CSS 溢位屬性來啟動捲軸已被證明是徒勞無功的。儘管同時使用了“溢出：自動”和“溢出：滾動”，但設備始終隱藏它們，使滾動成為一種不舒服的兩指折磨。

將控制權交還給使用者的解決方法

iOS 裝置有一個內建的怪癖，可以阻止標準捲軸。要克服此限制，請考慮將溢位屬性修改為「-webkit-overflow-scrolling：touch」。此變更為 iOS 裝置提供了與裝置原生滾動行為無縫融合的捲軸。

考慮重新考慮溢位

另一種方法是重新考慮設計中溢出的需要。 iOS 裝置上有限的螢幕空間需要採用深思熟慮的方法來顯示內容。探索調整 DIV 尺寸或內容組織以避免溢出。或者，您可以使用 @media 查詢有條件地隱藏較小螢幕上的溢出內容。

以上是如何讓捲軸在 CSS 溢出的 iOS 裝置上運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！