CSS3 webkit滚动条在不需要时隐藏

我有下面的代码来设置自定义滚动条的样式，但是当由于内容不是很长而不需要滚动条时，我想隐藏滚动条。这可能吗

这是我到目前为止的代码

.myscroll::-webkit-scrollbar {
    width: 15px;     
}

.myscroll::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color:#D4D4D4;
}

.myscroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color:#0085bf ;
}

---

假设元素具有class

myscroll

，您可以尝试以下css

    .myscroll{
        overflow:auto;
    }

---

它可能会解决您的问题。

当您将鼠标悬停在元素上时，仍然会显示一个空白的滚动条。设置溢出：自动进入。myscroll不适合您吗？