Показать сообщение отдельно
  #3 (permalink)  
Старый 28.03.2017, 17:43
Новичок на форуме
Отправить личное сообщение для mrprim Посмотреть профиль Найти все сообщения от mrprim
 
Регистрация: 28.03.2017
Сообщений: 8

Сообщение от рони Посмотреть сообщение
mrprim,
делайте полноценный макет
<div id="table1">
<table>
<tr id="name-1" class="line">...</tr>
<tr id="name-2">...</tr>
<tr id="name-3">...</tr>
...
<tr id="name-56">...</tr>
</table>
</div>


.line{
	width: 100%;
	height: 25px;
	line-height: 25px;
	border: 1px solid #000;
}
.line td{
	padding: 5px;
	border-left: 1px solid #000;
}

Каждой строке в таблице - соответствует объект со ссылкой:
<a id="point-1" href="name-1">
<a id="point-2" href="name-2">
<a id="point-3" href="name-3">
...
<a id="point-56" href="name-56">


Вот сам JS
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
$('a').click(function () {
var scroll_el = $(this).attr('href');
var dir = scroll_el.replace(/#/, ''),
section = $('tr').filter('[id="' + dir + '"]'),
pos = section.offset().top + section.height()/2;
$('html, #table').animate({scrollTop: pos}, 500);
});
</script>
Ответить с цитированием