如何修复mcsb_container滚动问题？

Question

我正在我的项目中实现聊天部分，但UI中存在一些问题。

我无法修复它。在滚动之后，一些额外的空间即将到来以及我想减慢滚动速度。

我附上了一些短片。

任何人都可以建议我，问题在哪里？

在第二个聊天之后会有一些空格，我在那里标记了一些顶部是自​​动添加。

我对此并不太了解。

我添加了一些代码

d  = {'text1': ['A', 'C', 'E', 'F'], 
      'text2': ['A'], 
      'text3': ['C', 'D'], 
      'text4': ['A', 'B'], 
      'text5': ['A']}

letters = {}
for item in d.keys():
    for letter in d[item]:
        if letter not in letters.keys():
            letters[letter] = [1,[item]]            
        else:
            letters[letter][0] += 1
            letters[letter][1] += [item]

print(letters)

for letter in letters:
    print(letter, letters[letter][0])
print()
for letter in letters:
    print(letter, ', '.join(letters[letter][1]))

 <script>
    (function($){
        $(window).on("load",function(){
            $(".session-chat-body, .session-view-student").mCustomScrollbar();
        });
    })(jQuery);
  </script>

我猜这1000就是在制造问题。

谢谢