JavaScript スクロール可能領域の高さを調べてあらかじめ中央にしたいです

Question

前提・実現したいこと

タイトルの通りです
スクロール可能領域の中央に読み込み時にスクロールさせた状態にしたいです
下記コードではできませんでした
詳しい方教えて下さい

該当のソースコード

<script>
window.onload=function(){
s.scrollTop=s.scrollHeight/2;
}
</script>

<div id="s" style="width:100%;height:2320px;;overflow-y:scroll;overflow-x: scroll;-webkit-overflow-scrolling: touch;">
あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ
</div>

Comments

[Lhankor_Mhy]

「できませんでした」とのことですが、具体的にはどのような問題が起きていますか？

[vaw]

中央にならず１番下まで下がってしまっています

[Lhankor_Mhy]

ご提示のコードを試してみましたが、1番下には下がりませんでした。

[vaw]

Firefox最新ブラウザになりますが最下位まで下がっています

[Lhankor_Mhy]

同じ環境ですね。
おそらくご提示いただいていない部分に原因があると思われます。

Answer 1

ウインドウサイズ2320pxに対してコンテンツが短いので、中央まで下げようとしても先にコンテンツの終わりに着いてしまっているのではないでしょうか？
「あ<br>」を4倍ぐらいに増やしてみてください。