时间戳

首页 > 解决方案 > 不显示滚动条的可滚动元素

html - 不显示滚动条的可滚动元素

问题描述

我创建了一个div我想用 javascript 中的元素填充的。元素的数量很大，所以我想让它可以div滚动。我已经完成了以下操作，但滚动条根本不显示，并且我的元素已添加到其中，div但我无法滚动查看它们。

<body>
   <div id="calendar" class="scrollable"></div>
</body>

.scrollable {
   padding-top:0.5%;
   height: 80%;
   overflow-y: scroll;
}

body我的项目在 CSS 中没有做任何具体的事情。你会碰巧知道什么是错的吗？

.scrollable编辑：当我修复以 px为单位的大小时，问题不会发生。

提前致谢

标签： htmlcssscroll

解决方案

在父元素上设置高度，在本例中为 body 和 html。

html, body {
  height: 100%;
}
.scrollable {
   padding-top: 0.5%;
   height: 20%;
   overflow-y: scroll;
}

推荐阅读