如何将滚动条与文本对齐？

Question

在下面的小提琴中，滚动条位于小提琴的顶部。我需要滚动条与文本的第一个元素处于同一级别，但也需要将滚动条垂直向下移动40个像素。

http://jsfiddle.net/ebLSe/7/

是否有一个css选项可以将滚动条与自身对齐？

小提琴代码：

    <div class="scroll">
    <table  >
      <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
      </table>
    </div>

   .scroll {
    height: 80px;
    overflow-y:scroll;
}

.modeDown {
  padding-top: 100px;
}

Answer 1

您的文字位于div的下方，因为您已.scroll填充40px。如果更改此值，您的文本将进一步向上移动div。您可能还需要更改高度，因为您的div高度为80px（高度为40px加上40px填充）。

要将div保持在页面的下方，您需要将margin-top:40px添加到.scroll，或者将其放在额外的div中，填充顶部为40px

.scroll {
    margin-top:40px;
    height: 80px;
    overflow-y: scroll;
}