在针对 iPad 进行开发时,利用 CSS 溢出属性来激活滚动条已被证明是徒劳的。尽管同时使用了“溢出:自动”和“溢出:滚动”,但设备始终隐藏它们,使滚动成为一种不舒服的两指折磨。
将控制权交还给用户的解决方法
iOS 设备有一个内置的怪癖,可以阻止标准滚动条。要克服此限制,请考虑将溢出属性修改为“-webkit-overflow-scrolling:touch”。此更改为 iOS 设备提供了与设备原生滚动行为无缝融合的滚动条。
考虑重新考虑溢出
另一种方法是重新考虑设计中溢出的需要。 iOS 设备上有限的屏幕空间需要采用深思熟虑的方法来显示内容。探索调整 DIV 尺寸或内容组织以避免溢出。或者,您可以使用 @media 查询有条件地隐藏较小屏幕上的溢出内容。
以上是如何让滚动条在 CSS 溢出的 iOS 设备上工作?的详细内容。更多信息请关注PHP中文网其他相关文章!