定义水平初始滚动点

Question

我有一个包含固定宽度 table 的元素，当屏幕尺寸变小时，table 可以水平滚动。我的问题是，有没有办法定义初始滚动点，比方说，从左边算起 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

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

或jQuery:

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

Answer 2

您可以使用的另一种方式

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

定义水平初始滚动点

Define horizontal initial scrolling point

javascript

css

jquery

scroll

overflow