<div class="pdf_box">
我是协议

我是协议

我是协议

......
</div>
<div class="order-button">
请上滑看完本条款再同意
</div>

const el = document.querySelector('.pdf_box');
        const offsetHeight = el.offsetHeight;
        el.onscroll = () => {
          const scrollTop = el.scrollTop;
          const scrollHeight = el.scrollHeight;
          if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
            // 需要执行的代码
            //console.log('已滚动到底部')
            $('.order-button').html('立即订购').removeClass('order-disabled') //文字改掉并去掉灰底
          }
        };

如果是弹窗框的协议，记得一开始不能是display:none。可以用visibility或者z-index控制开始时是隐藏