在針對 iPad 進行開發時,利用 CSS 溢位屬性來啟動捲軸已被證明是徒勞無功的。儘管同時使用了“溢出:自動”和“溢出:滾動”,但設備始終隱藏它們,使滾動成為一種不舒服的兩指折磨。
將控制權交還給使用者的解決方法
iOS 裝置有一個內建的怪癖,可以阻止標準捲軸。要克服此限制,請考慮將溢位屬性修改為「-webkit-overflow-scrolling:touch」。此變更為 iOS 裝置提供了與裝置原生滾動行為無縫融合的捲軸。
考慮重新考慮溢位
另一種方法是重新考慮設計中溢出的需要。 iOS 裝置上有限的螢幕空間需要採用深思熟慮的方法來顯示內容。探索調整 DIV 尺寸或內容組織以避免溢出。或者,您可以使用 @media 查詢有條件地隱藏較小螢幕上的溢出內容。
以上是如何讓捲軸在 CSS 溢出的 iOS 裝置上運作?的詳細內容。更多資訊請關注PHP中文網其他相關文章!