如果内容不够高，无法滚动，如何使用CSS隐藏滚动条？

Question

如果我有一堆带有overflow-y: scroll的元素，那么无论它们的内容是否足以滚动，它们都会显示滚动条的track。

在此示例中，只有第三个项目有足够的内容可以向下滚动。

如何制作不足以滚动的人不会显示track，而 IS 足够滚动的人会保留它？

Codepen示例：http://codepen.io/JoshuaSoileau/pen/YwxERp

Answer 1

将overflow-y设置为auto，它应该像您希望的那样工作。

ul {
      float: left;
      width: 80px;
      list-style: none;
      margin-right: 30px;
      background: rgba(255,0,0,0.25);
      overflow-y: auto;
      max-height: 73px;
    }