它是overflow-x 和overflow-y的 简写属性 。 /* 默认值。...表现: html { overflow-y: overlay; } 兼容性没有在caniuse上找到这个属性的兼容性, 也有人提这个问题: ? 问题场景以及解决办法 1...外部容器的滚动条这里的外部容器指的是html, ...
设计美观:对于一些需要保持页面布局整洁的网站,overflow-y overlay可以让滚动条在需要时出现,而在不需要时隐藏,保持页面整洁美观。 响应式设计:在响应式设计中,overflow-y overlay可以确保在不同设备上,内容的显示都不会因为滚动条的出现而变形或错位。 如何使用overflow-y overlay 使用overflow-y overlay非常简单,只需...
-y: scroll; // 兼容ie8,不支持:root, vw } :root { overflow-y...: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow...内部容器做兼容 .wrapper { overflow-y: scroll; // fallback overflow-y: overlay; } 总结 个人推荐还是用 overlay...