css - 强制在表格上显示垂直滚动条

Question

我试图在我的 table 上强制显示垂直滚动条。这是我的代码:

<div style="height:95%;overflow:auto;">
   <table id="myTable" data-tableName="myContent" style="border: 1px solid black; width: 100%; overflow:auto;">
      <tr>
        <td>Content 1</td>
        <td>Content 2</td>
      </tr>
   </table>
</div>

请注意，我已经尝试过 overflow: scroll、overflow-y: scroll(使用 !important)以及一些其他解决方案，但它不起作用。我在 Mac 操作系统上使用 Chrome。

Answer 1

某些版本的 OSX 在不需要时隐藏滚动条。他们可能希望让网页更流畅。尝试将其包含在您的 CSS 文件中:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

JSFiddle

Source