Якорь в таблице - PullRequest
Новая
       19

Якорь в таблице

0 голосов
/ 06 апреля 2019

У меня длинная таблица, и я хочу, чтобы клиент прокручивал до заданной строки при загрузке страницы. Я сделал jsFiddle:

https://jsfiddle.net/s28hf39e/2/

td {
  height: 200px
}

table,
th,
td {
  border: 1px solid black;
}
<a href="#row-1">Link to row 1</a>
<a href="#row-2">Link to row 2</a>
<a href="#row-3">Link to row 3</a>
<a href="#row-4">Link to row 4</a>
<table>
  <tr>
    <td>
      <a id="row-1"></a>Row 1</td>
  </tr>
  <tr>
    <td>
      <a id="row-2"></a>Row 2</td>
  </tr>
  <tr>
    <td>
      <a id="row-3"></a>Row 3</td>
  </tr>
  <tr>
    <td>
      <a id="row-4"></a>Row 4</td>
  </tr>
</table>

Ссылки работают правильно, но при вызове http://my.url/#row-4

страница не прокручивается до ожидаемой строки.

Чего мне не хватает, чтобы перейти к ожидаемой строке при загрузке страницы?

1 Ответ

0 голосов
/ 06 апреля 2019

Вы используете что-то вроде этого: 

<a href="#row-1">Link to row 1</a>
<a href="#row-2">Link to row 2</a>
<a href="#row-3">Link to row 3</a>
<a href="#row-4">Link to row 4</a>
<table>
 <tr id="row-1"><td>Row 1</td></tr>
 <tr id="row-2"><td>Row 2</td></tr>
 <tr id="row-3"><td>Row 3</td></tr>
 <tr id="row-4"><td>Row 4</td></tr>  
</table>
...