CSSでheightプロパティを与えている場合、scrollHeightの値が正しくありません

scrollHeight属性は、要素コンテンツの総高さを返します。これは、要素の境界、パディング、マージンの高さを含みません。一方で、height属性は要素の可視高さを指定し、境界、パディング、コンテンツの高さも含まれます。

CSSのheight属性とscrollHeight属性の値は異なる場合があります。要素のコンテンツの高さを取得するには、scrollHeight属性を使用する必要があります。

要素がコンテンツの高さに応じて自動調整されるようにするには、height属性を「auto」に設定するか、または、max-height属性を使って要素の最大の高さを制限します。