使用css溢出自动隐藏垂直滚动条

Question

我遇到了使用css overflow来自动隐藏垂直滚动条的问题.我在几篇文章中读到使用css hover伪类来实现这种行为,好的是我在某种程度上是成功的.

我使用'scroll'和'auto'作为overflow-y属性.使用滚动它就像一个魅力,但"滚动"问题是即使没有必要显示滚动条,它是可见的我觉得'自动'做得很好.

但是再次使用'auto',问题是右侧有一个16px(我假设)的差距.可能是滚动条的宽度.我想要全宽.我用背景来解释我的问题.

这是小提琴.http://jsfiddle.net/9scJE/

div.autoscroll {
    height: 200px;
    width: 400px;
    overflow: hidden;
    border: 1px solid #444;
    margin: 3em;
}

div.autoscroll:hover {
    /* overflow-y: scroll; */
    overflow-y: auto;
}

感谢任何帮助.

Answer 1

这实际上对我来说似乎是一个浏览器错误,但如果你添加padding-right: 1px悬停,它似乎就像你想要的那样.

div.myautoscroll:hover {
     overflow: auto;
     padding-right: 1px;
}

http://jsfiddle.net/ExplosionPIlls/9scJE/1/