码迷,mamicode.com
首页 > Web开发 > 详细

jquery 滚动到底部加载

时间:2015-10-28 19:03:28      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

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);
                        }
                    });
                }
            });

 

jquery 滚动到底部加载

标签:

原文地址:http://www.cnblogs.com/benlightning/p/4917956.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!