文章/答案/技术大牛

发布

社区首页 >问答首页 >当父元素被溢出隐藏时，如何使用overflow auto来显示该子元素？

问当父元素被溢出隐藏时，如何使用overflow auto来显示该子元素？
EN

Stack Overflow用户

提问于 2017-08-14 06:42:42

回答 1查看 88关注 0票数 0

小提琴here

正如你所看到的，我正在尝试创建一个全屏覆盖导航。我已经将body height设置为200%，当叠加导航显示时，我将body设置为overflow: hidden;。

我还将重要的覆盖导航属性设置为：

.flexbar .overlay-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 150%;
    overflow: auto;
}

出于测试目的，我将高度设置为150%，以防在较小屏幕上显示的菜单项超过屏幕显示的菜单项数量。我希望用户能够在覆盖导航中滚动，但由于某种原因，我的overflow: auto;无法工作？

回答已采纳

发布于 2017-08-14 06:50:00

我认为从长远来看，摆弄高度(150%，200%)会影响你的布局。我把你的JSFiddle叉子了，把高度改回了100%。我还使用了overflow-x: scroll，我认为如果我对您的问题理解正确的话，它应该可以解决您的问题。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45665508

复制

相似问题

问当父元素被溢出隐藏时，如何使用overflow auto来显示该子元素？EN