JavaScript スクロールバー 最下

Question

JavaScriptでdivのスクロールバーが1番下にあるかの判定を下記で行っています
1番下かどうかの判定ではなく下から10px以内であればOKと出るようにしたいのですが、
どのような式を書けばいいのかわかりません
詳しい方教えていただけないでしょうか？

１番下の判定コード これをスクロールバーが下から10px以内にあれば、にしたい
<script>
function check(){
height = document.getElementById("div").offsetHeight;
scrollHeight = document.getElementById("div").scrollHeight;
scrollTop = document.getElementById("div").scrollTop;
scrollPosition = height + scrollTop;
proximity = 0;
if ((scrollHeight - scrollPosition) / scrollHeight <= proximity) {
alert("OK");
}
}
</script>

<div id="div" style="width:200px;height:100px;overflow:scroll">
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>

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

Answer 1

if分の判定条件を変更しました。
「スクロールバーの高さと、divタグ内部の高さ- divタグ自体が持つ高さ -10」を比較するようにしただけです。
想定の実装となったでしょうか？

if (scrollTop >= scrollHeight - 10 - height) {
            alert("OK");
        }

余談ですが、変数にはconst,let,var(オススメしない）を使用する事をお勧めします！
学習していると後々、意味がわかると思います