7

我有这个 div，overflow-y:auto;它可以很窄，当滚动条出现时，它可以覆盖大部分或全部 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>
4

3 回答 3

3

为 .auto 类赋予 18px 填充权，这将对您有所帮助。

   .auto   {
       border:1px solid green;
       height:70px; 
       overflow-y:auto; 
       display:inline-block;
       padding-right:18px;
      }
于 2013-05-02T12:21:00.553 回答
3

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

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

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

并在右侧留出一些空间：

padding-right: 13px;

但是，由于滚动条可能因操作系统而异，我建议使用自定义滚动条，如jQuery plugin。

于 2013-05-02T12:33:02.383 回答
1

小提琴为其添加一个最小宽度和一个最大宽度。这样它保持variable

于 2013-05-02T12:21:39.517 回答