当文本不溢出时溢出滚动隐藏滚动

【问题标题】：overflow scroll hide scroll when text doesnt overflow当文本不溢出时溢出滚动隐藏滚动
【发布时间】：2015-01-07 05:28:21
【问题描述】：

当滚动条里面的文字没有溢出容器的高度时，是否可以隐藏滚动条。我想让滚动条在文本溢出或超过高度时可见。

CSS：

div {
    width: 150px;
    height: 150px;
    overflow: scroll;
}

HTML：

<div>
    sample text
</div>

示例 JS：HERE

【问题讨论】：

标签： html css

【解决方案1】：

使用overflow:auto 代替overflow:scroll http://jsfiddle.net/Ly58w9ts/2/

【讨论】：