老师，我的问题是关于获取屏幕高度的问题。

function addEvent(){
        window.addEventListener('scroll',function(){
            var clientHeight = document.documentElement.clientHeight;
            var scrollHeight = document.body.scrollHeight;
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

            var proDis = 30;
            if ((scrollTop + clientHeight) >= (scrollHeight-proDis)) {
                

                // 最多滚动加载3页
                if (page < 3) {

                    // 在发送ajax请求时避免触发多次滚动加载
                    if (isLoading) {
                        return;
                    }
                    getList();
                }else {
                    $('.loading').text('加载完成');
                }

                
            }
        });
    }

老师，我的问题如下：1，document.body.scrollHeight,和 document.body.scrollTop获取的不一样吗？那分别获取的是什么呢？

同理，document.documentElement.clientHeight和document.documentElement.scrollTop，如果它们获取的值也不一样，那分别获取的是什么呢？

3，老师，proDis = 30关于这个阈值视频中老师说的是不要在临界点的时候开始算，那这个阈值时根据经验获取还是自己随便设的呢？在这里，这个值为什么是30呢？