Скролл не всегда доходит до низа страницы

Делаю так:

$(document).ready(function (){
   $('#messages').scrollTop($('#messages').prop('scrollHeight'));
});

Сам блок зафиксирован: position: fixed; top:0px; bottom:0px;
При загрузке страницы скролл доходит то до конца то не до конца, как на скринах. Не понимаю с чем это связано, все перепробовал не знаю как это исправить, помогите пожалуйста... В идеале нужно чтобы скролл всегда был внизу