js控制页面滑动加载


目前页面滑动加载数据是很流行的一种方式,尤其是在手机端,应用也越来越广泛了,我在做项目的时候也遇到了,其实实现方式很简单,只是几行简单的代码就I可以搞定了,下面直接看代码

$(function() {
            // 滑动加载更多
            $(window).scroll(function() {
                var scrollTop = $(this).scrollTop();
                var scrollHeight = $(document).height();
                var windowHeight = $(window).outerHeight(true);
                if (scrollTop + windowHeight === scrollHeight) { //判断滑动到底部了
                    $("p.dropBottom").show();
                }
            });

        });