Как сделать показ с конца скрола в таблице?

Question

[mIndix]

Мне нужно чтобы при открытие страницы с таблицей, скрол был в конце таблицы

<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); 
}

Answer 1

[Максим Тимофеев]

Читайте про якоря: https://www.w3schools.com/tags/tryit.asp?filename=...