停止滚动条自动溢出覆盖div内容

Question

我有一个overflow-y:auto;非常狭窄的div，当滚动条出现时它可以覆盖大部分或全部div。我希望滚动条像div一样出现在div之外，overflow:scroll;但我不希望在没有溢出时看到褪色的滚动条。我也不想给div一个宽度，因为宽度必须是可变的。这个jsfiddle 演示了我的问题，下面是代码：

   .auto {
            display:inline-block;
            border:1px solid green;
            height:70px; 
            overflow-y:auto; 
         }

<div class = "auto">
  <div>
    a<br>
    b<br>
    c<br>
    d<br>
  </div>
</div>

Answer 1

这可能是一个解决方案：http://jsfiddle.net/ZUYVe/5/

基本上，它使用包装器来包含滚动条

<div class="scroll">
  <div>a
    <br />b
    <br />c
    <br />d
    <br />
  </div>
</div>

并在右侧留出一些空间：

padding-right: 13px;

然而，由于滚动条可能会根据操作系统的不同而有所不同，我建议使用自定义滚动条，例如这个 jQuery 插件。