Enable button when scroll bootstrap modal to bottom
<p>I want to force the user to read all the agreement inside the modal. The idea is simple, if they don't scroll to the last line of the text. The button still disable. But the button is not enable. This is my code:</p>

<p>Javascript:</p>

<pre><code>$('#agreement').scroll(function () {
    if ($(this).scrollTop() == $(this)[0].scrollHeight - $(this).height()) {            
        $('#closeBtn').removeAttr('disabled');
    }
});
</code></pre>

<p>As for the clearer picture. I put the code in js here : <a href="http://jsfiddle.net/h3WDq/1129/" rel="nofollow noreferrer">http://jsfiddle.net/h3WDq/1129/</a></p>

<p>This is an update version from @BG101. The button enable when I scroll to the bottom but it keeps enable even the modal button is click again. <a href="http://jsfiddle.net/h3WDq/1132/" rel="nofollow noreferrer">http://jsfiddle.net/h3WDq/1132/</a></p>