滚动条的问题求助

Question

<div id="press_con" style="width:30px;overflow_y:auto;width:100px;" >
<table>
<tbody>
<tr><td>1</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>2</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>3</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>4</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>5</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>6</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>7</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>8</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>9</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>10</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>11</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>12</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>13</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>14</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>15</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>16</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
</tbody>
</table>
</div>如上面这些的布局。。当高度大于30px的时候 就会出现滚动条
现在我想js 控制第8条记录显示在最上面(=将滚动条拉到第8行为可见首条)
请问 咋整啊  求高手。

Answer 1

这个应该发到CSS版块，不过还是帮你顶一下把

Answer 2

不是的哇 应该是使用类似于scrollTop来控制。

Answer 3

<div id="press_con" style="height:30px;overflow:auto;width:100px;" >
<table id="tableId">
<tbody>
<tr><td>1</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>2</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>3</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>4</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>5</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>6</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>7</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>8</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>9</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>10</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>11</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>12</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>13</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>14</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>15</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
<tr><td>16</td><td>ss</td><td>ss</td><td>ss</td><td>ss</td></tr>
</tbody>
</table>document.getElementById("press_con").scrollTop = document.getElementById("tableId").getElementsByTagName("tr")[7];

Answer 4

document.getElementById("press_con").scrollTop = document.getElementById("tableId").getElementsByTagName("tr")[7].offsetTop;抱歉，少了个offsetTop