jquery - Jquery - div を下に動的にスクロールするコードが機能しない

Question

このサイトで提供されるソリューションのほとんどは、このコードのいくつかの変形を使用して、div の一番下までスクロールします。

 $("ol.overflow-element").animate({
      scrollTop: $("ol.overflow-element li:last-child").position().top
 }, 1000);

私はcssにこれを持っています

.overflow-element {
    overflow-y: scroll;
    height: 300px;
    padding: 10px;
}

私が抱えている問題は、それが非常に矛盾していることです。

正しく下に移動することもあります。

ただし、上部または中央近くのどこかでスクロールする場合もあります。これは、div が既に下にスクロールされている場合に一貫して発生します。

これが事実である理由は何ですか？代替の正しい実装はありますか?