Мне нужно чтобы при открытие страницы с таблицей, скрол был в конце таблицы
<div class="scroll-table">
<table>
<thead><tr><TH style = "width: 10%;">#</TH><TH>Имя клиента</TH><TH>Сообщение</TH><TH>Время сообщения</TH><TH>Профиль авито</TH></tr></thead></table>
<?$av = "SELECT * ...";
$av_res = mysql_query($av);
$i=0;
?><div class="scroll-table-body">
<table>
<tbody><?
while ($l = mysql_fetch_assoc($av_res)){
$stl=($l['unread'] == 1)?"font-weight:bold;":"";
$i++;
$null_date = mysql_fetch_assoc(mysql_query("SELECT date ..."));
if($l['date'] == '0000-00-00 00:00:00'){$l['date'] = $null_date['date'];}
?><tr>
<td style = "width: 10%;"><a style="text-decoration: none; color: black;<?=$stl?>"><?echo $i;?></a></td>
<td><a style=" text-decoration: none; color: black;<?=$stl?>"><?echo $l['..'];?></a></td>
<td><a style=" text-decoration: none; color: black;<?=$stl?>"><?echo $l['..'];?></a></td>
<td><a style=" text-decoration: none; color: black;<?=$stl?>" href="?type=avito&cl_id=<?=$l['..']?>"><?echo $l['..'];?></a></td>
<td><a href = "<?=$l['..']?>">К профилю</a> | <a href = "https://www.avito.ru/profile/messenger/channel/<?=$l['..']?>">Написать</a></td></tr><?
}
?>
</tbody>
</table>
</div>
</div><?
CSS
.scroll-table-body {
height: 300px;
overflow-x: auto;
margin-top: 0px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.scroll-table table {
width:100%;
table-layout: fixed;
border: none;
}
.scroll-table thead th {
font-weight: bold;
text-align: left;
border: none;
padding: 10px 15px;
background: #E5E5E5;
font-size: 14px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.scroll-table tbody td {
text-align: left;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 10px 15px;
font-size: 14px;
vertical-align: top;
}
.scroll-table tbody tr:nth-child(even){
background: #F2F2F1;
}
/* Стили для скролла */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
Средний
