首页 > Web开发 > 详细

jquery 滚动到底部加载

时间:2015-10-28 19:00:31      阅读:279      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!