js滚动刷新

js实现当快滚动到底部时刷新数据

            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();
                var windowHeight = document.body.clientHeight;
                var scrollHeight = $(document).height();

                console.log(scrollTop);
                console.log(windowHeight);
                console.log(scrollHeight);

                console.log("----------------------------");

                if (scrollTop + windowHeight + 186 >= scrollHeight) {

                    if (isdo) {
                        isdo = false;
                        getResourceOthers();
                    }
                }
            });
            
         var page = 1;
        //防止滚动事件连续执行，在数据没有返回解析成功之前就不让他触发再次去请求后台了
        var isdo = true;
        var getResourceOthers = function ()
        {
            console.log('到底了请求一次数据');
            //发送ajax，获取数据
            $.post('/x/j', function () {
                page++;
                isdo = true;
            });
        }

要注意获取页面可视度高度的坑：

https://www.tnblog.net/aojiancc6/article/details/4043