Tenho uma div que engloba uma chat, carrego as 15 últimas mensagens, mas o problema é que quero que o scroll dela comece de cima para baixo, ou seja, das mensagens mais novas para as mais antigas.
OBS.: Essa div está com overflow: auto. E quero que o scroll comece do bottom assim que a página for carregada.
Todo o código CSS:
.panel-content .panel-group-msgs{
width: 100%;
height: 350px;
overflow: auto;
margin-top: 10px;
padding: 20px;
background-color: #EBF0F0 !important;
}
.panel-content .panel-group-msgs::-webkit-scrollbar-track {
background-color: transparent;
}
.panel-content .panel-group-msgs::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.panel-content .panel-group-msgs::-webkit-scrollbar-thumb {
background: #dad7d7;
border-radius: 6px;
}
O HTML e só a div e várias subdivs com o loop das mensagens (Esto fazendo o layout do sistema ainda) Print:
Quero que o scroll fique assim quando a página carregar.