Сообщение от рони
|
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>