css - 如何在高度可变的容器中生成滚动条?

标签 css scroll overflow

我无法很好地可视化响应式菜单。菜单的数据是动态的,我可以有 2 到 8 个元素,当这些超过最大高度 (100%) 时,它们只显示适合容器的那些。

我尝试在容器中生成一个滚动条,它可以工作,但只要我给它一个以像素为单位的高度,但由于表格的高度是动态的,我给它 100% 高度,自动和滚动条消失。

如何在高度可变的容器中生成滚动条?

最佳答案

您可以将容器的高度设为 100%,但如果容器有父级且其父级的高度以像素为单位,例如

<div class="parent">
    <div class="scroll">
         <!-- content -->
    </div>
</div>

时尚

.parent {
  height: 200px;
}
.scroll {
  height: 100%;
  overflow-y: auto;
}

关于css - 如何在高度可变的容器中生成滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54204144/

相关文章:

javascript - scrollMagic - 如何滚动到正确的位置?

java - java 客户端 v4.0 中 scrollTo 和 scrollToExact 的替换

css - 在另一个图片上显示图片

css - ie7 lang 属性兼容性

html - 我在尝试获取 <div></div> 的背景图片时不知所措,它只是不会显示

javascript - 使用滚动打开和关闭 div 并在到达特定部分时淡入淡出

javascript - Jquery/Javascript 无法在 Firefox 上运行。为什么?

javascript - 按下键时显示弹出窗口

css - 如何在 <blockquote> 中剪辑 <img>

html - 如何在针对不同屏幕高度(移动设备)使用溢出滚动时解决 CSS 中的最大高度问题?