【css/js】div 内のスクロールをイベント発火時に最下部に移動させたい

環境

前提・実現したいこと

ある csv ファイルをテーブルに表示しており、そこに動的に行を追加する実装を行っています。
「追加するボタン」をクリックするとテーブルの最下部にスクロールし、最終行のセルをinputタグにして編集・追加できる様にする予定です。

生じている問題

「追加するボタン」をクリックした際にテーブル最下部に移動できない

最終行のセルをinputタグにし、追加する実装は完了しましたが、スクロールの最下部に移動させる実装で詰まっています。
スクロールはdivの高さを指定し、overflow-x: auto;で実現しています（備考ですが、テーブルは vue-good-table という外部コンポーネントを使っています）。

こちらのページを参考にコーディングをしましたが、これではwindowの操作しかできない様です。

javascript
1# vgt-responsiveは overflow-x が記述されている class
2var obj = document.getElementsByClassName("vgt-responsive");
3var bottom = obj.scrollHeight - obj.clientHeight;
4window.scroll(0, bottom);

方法をご存知の方がいらっしゃいましたら、お教えいただけると幸いです！！

追記

やりたいこととしては以下のページの様なサンプルです！（サンプルは動かない様ですが）
https://www.simplesimplesdesign.com/web/markup/javascript/overflowauto_scrolltop_scrollleft/

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは、下のコードで出来ますでしょうか？

javascript
1var obj = document.getElementsByClassName("vgt-responsive")[0];
2var bottom = obj.scrollHeight - obj.clientHeight;
3obj.scrollTop = bottom;
4//obj.scrollTop = 1000;