スクロールバーをクリックするイベント

親ページから要素(test)のスクロールバーを一度だけクリックさせるjavascriptを作りたいと思っています。
調べながら以下のようにしてみましたが、クリックを発生させられません。
何かいいアイデアがありましたら教えていただけますようお願いいたします。
※testはelfsightというサービスを呼び出しています。このサービスで動画リストを表示させています。

〇HTML
<head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
＜/head＞

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div id="test">
<div class="elfsight-app-XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"></div>
</div>
<script src="test/test.js"></script>

〇test.js
<script>
// 現在の縦スクロール位置
var scrollPosition = document.getElementById("test").scrollTop;
// スクロール要素の高さ
var scrollHeight = document.getElementById("test").scrollHeight;
//スクロール移動(クリックできればいいのですが、そこがよくわからないです)
document.getElementById("test").scrollTop = scrollHeight;

//上記に修正
//$('#test').mousedown(function(event) {
//   switch (event.which) {
//      case 2:
//         break;
//   }
//});
</script>

〇elfsightサービス内CSS
/*ドロップダウン プレイリスト*/
.test-playlist-videos-component {
position: absolute;
width:300px;
height:320px;
background-color: transparent;
overflow-y:scroll;
will-change:auto;
border: 1px solid #ddd;
padding:3px;
margin:0;
}

/*ドロップダウン スクロールバー*/
.test-playlist-videos-component::-webkit-scrollbar {
width: 15px;
height: auto;
background:#eee;
}

どうぞよろしくお願いいたします。

m.ts10806

2020/11/06 03:18

「クリック」のイベントはどこに書かれているのでしょう。あと「調べながら」はどこをどう調べたのか、参考記事のURLなどご提示ください。

apricot111

2020/11/06 06:32 編集

早速ありがとうございます。「スクロールバー　イベント　クリック」などで検索しながら試しています。特にこれというものが探せず、検索する用語などが違うのかなと質問いたしました。ひとまずこちらのhttps://teratail.com/questions/94152 の内容を上記コードに追記いたしました。その他、何かございましたらどうぞよろしくお願いいたします。