Показать сообщение отдельно
  #1 (permalink)  
Старый 15.04.2015, 10:56
Кандидат Javascript-наук
Отправить личное сообщение для Casufi Посмотреть профиль Найти все сообщения от Casufi
 
Регистрация: 05.02.2010
Сообщений: 109

scroll на нужную строку таблицы в div с фиксированной высотой.
Есть кусок страницы вот с такой разметкой, нужно определить видна ли определенная строка и если нет, спозиционироваться на ней
<div id="content_box" style="height: 437px;overflow-x: auto; overflow-y: scroll; position: relative; width: 100%;">
  <table style="height: auto;" tabindex="0">  
  <tbody>
  <tr> <td></td><td></td>...</tr>
  ...
  <tr id="12345"> <td></td><td></td>...</tr>
  ...
  <tr> <td></td><td></td>...</tr>
  <tr> <td></td><td></td>...</tr>
</tbody></table></div>

Пробую позиционироваться вот таким образом
var div = $('#content_box');
var row_ = div.find("tr#12345");			
console.log(row_.offset().top);
console.log(row_);
div.scrollTop(row_.offset().top);

Но таблица позиционируется совершенно на другой строке, и если выполнять этот код два раза подряд, таблица прыгает между строками
Ответить с цитированием