定义水平初始滚动点

Question

我有一个元素，其中包含一个固定宽度的表格，并且当屏幕尺寸变小时，可以水平滚动表格。 我的问题是，有没有一种方法可以定义初始滚动点，比方说从左边开始50px？

body {margin: 0}

.wrapper {
  overflow-x: scroll;
}

table {
  width: 800px;
  border: 1px solid;
}

th, td {text-align: center; border: 1px solid}

<div class="wrapper">
  <table>
    <tr>
      <th colspan="3">Heading</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
  </table>
</div>

Answer 1

另一种使用方式

                              $(".wrapper").css("scrollLeft","50")

Answer 2

document.getElementById('wrapper_id').scrollLeft = 50px;

或jQuery：

$("#wrapper").scrollLeft(50)