JSFiddle - React, Tailwind, and code Playground

HTML

<div id="terms">
                <p>
                    Aby skorzystać z naszego sklepu internetowego należy wypełnić wniosek o założenie nowego konta, który musi zostać zatwierdzony przez naszego pracownika, (co następuje w dni robocze, w godzinach 8:00-16:00). Warunkiem zatwierdzenia wniosku jest podanie wszystkich wymaganych danych.
                </p>

                <p>
                    Szczegółowe warunki handlowe dla kont wszystkich klientów ustalane są w drodze ustaleń między reprezentantem RAControls Sp. z o.o. a przedstawicielem klienta
                </p>
                <p>
                     In a blandit sem. In tincidunt eu lorem venenatis porttitor. Sed posuere nisl sit amet condimentum malesuada. Sed tincidunt dui a nisl consequat iaculis. Aenean non tellus accumsan, vehicula nulla ut, tempor sapien. Ut convallis pulvinar quam at sagittis. In porta orci et purus feugiat, a aliquet felis euismod. Donec porta rutrum cursus. Nulla vel libero tellus. Nullam eu auctor tortor. Nulla hendrerit sed diam id varius. 
                </p>

            </div>

<input id="payment" type="checkbox" disabled="disabled" name="terms"> <span class="redSmall">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia est non cursus rutrum. Donec vulputate tincidunt mollis.</span>

CSS

#terms {      
  width: 780px;
  height: 150px;
  overflow-y: scroll;
  border:2px solid #ccc;
}

JavaScript

$(document).scroll(function(){
$("#payment").removeAttr("disabled");
});