jquery 滚动到底部加载

最新推荐文章于 2024-10-30 19:10:39 发布

weixin_30703911

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量85

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/benlightning/p/4917956.html

版权

var body_ = $(window);
            var indexPage = 2;
            var pageCount = <?php echo $pageCount;?>;
            var _ajaxRequest = true;
            body_.scroll(function () {
                var viewH = $(this).height(),//可见高度
                contentH = $(document).height(),//内容高度
                scrollTop = $(this).scrollTop();//滚动高度
                var _bottomDist = contentH - viewH - scrollTop;
                if(_ajaxRequest && _bottomDist <= 50 && indexPage <= pageCount){
                    _ajaxRequest = false;
                    $.ajax({
                        type: 'POST',
                        url: 'url?page=' + indexPage,
                        dataType: 'text',
                        success:function(data){
                            indexPage = indexPage + 1;
                            _ajaxRequest = true;
                            $('.div').append(data);
                        }
                    });
                }
            });