JavaScript スクロールバーが表示されている(動かせる状態)か調べたい

Question

div scroll_areaに-webkit-overflow-scrolling: touchを入れスクロールエリアを作りました
div scroll_areaにスクロールバーが表示されスクロール可能かどうかを判断したいのですが、
div scroll_areaをheight:100%としたときに、
JavaScriptのscrollHeightで返ってくる数値がpx単位となります
%で返ってくれば、すぐ判定できそうなのですが、、、
いい方法はありませんでしょうか？

div scroll_areaのheightをpxで指定すればいいというのは無しでお願いいたします

<input type="button" value="チェック" onclick="scrollbar_check()">

<div id="scroll_area" style="background-color:red;width:100%;height:100%;overflow-y:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch">
test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>testt<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>testt<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test<hr>test
</div>

<style>
body,html{
height:100%;
}
</style>

<script>
function scrollbar_check(){
scrollHeight = scroll_area.scrollHeight;
alert(scrollHeight);

//if(scrollHeight>=100%){alert('動かせる範囲のスクロールバーが出ています')}else{alert('100%未満')};
//↑こんな感じでスクロールバーが表示(動かせる範囲があるか)どうかの判定をしたい

}
</script>

Answer 1

高さで判定するのではなく、scrollTopで判定したほうがいいのかもしれないと気付きました
またわからないことがあれば、相談させていただきます