iOS Scrollbar Frustrations: Troubleshooting Overflow CSS
Developing for an iPad website, you stumbled upon an unexpected issue: CSS overflow properties (overflow: auto or scroll) fail to display scrollbars despite enabling two-finger scrolling. This quirk is exclusive to iOS devices.
Addressing the Issue:
Updated Fix (iOS 5beta and Onward):
As pointed out by kritzikratzi, a new property introduced in iOS 5beta (-webkit-overflow-scrolling: touch) can resolve this issue, triggering the expected scrolling behavior.
Original Remedy (iOS 5 and Below):
Unfortunately, neither overflow: auto nor scroll generates scrollbars on iOS devices due to the limited screen space.取而代之的是,两指滑动机制是指定滚动内容的指定方法。
替代方案:@媒体查询:使用@media查询在iPhone设备上掩盖溢出并在iPhone设备上完全显示内容。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3