头像

jQuery局部div滚动加载远程数据【原创

来源:http://www.jct-monitor.com/js/783.html 18***38 2016-02-19 19:13浏览(6634) 收藏

之前我们介绍了浏览器滚动条远程加载数据http://www.jct-monitor.com/js/9.html,这次我们介绍PHP+mysql局部div鼠标滚轮远程加载数据
jQuery局部div滚动加载远程数据
分类:PHP > Ajax 难易:高级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 454 下载资源 下载积分: 110 积分

加载内容区域#lists

<div id="lists" style='height:490px;overflow: auto'></div>
i = 1; //设置当前页数 

$(function() {
    var totalpage = 6; //总页数,防止超过总页数继续滚动
    var winH = $(window).height(); //页面可视区域高度 

    $("#lists").scroll(function() {
        if (i < totalpage) { // 当滚动的页数小于总页数的时候,继续加载
            var pageH = $(document.body).height();
            var scrollT = $(window).scrollTop(); //滚动条top 
            var aa = (pageH - winH - scrollT) / winH;
            if (aa < 0.01) {
                getJson(i)
            }
        } else { //否则显示无数据
            showEmpty();
        }
    });
    getJson(0); //加载第一页
});
function getJson(page) {
    var msg_list = $('#lists');

    if (msg_list.height() + msg_list[0].scrollTop >= msg_list[0].scrollHeight - 60) {
        $(".nodata").show().html("<img src='http://www.jct-monitor.com/Public/images/loading.gif'/>");
        $.getJSON("ajax.php", {page: i}, function(json) {
            if (json) {
                var str = "";
                $.each(json, function(index, array) {
                    var str = "<div class='per'>";
                    var str = str + "<div class='title'>" + array['id'] + "、" + array['title'] + "</div></div>";
                    $("#lists").append(str);
                });
                $(".nodata").hide()
            } else {
                showEmpty();
            }
        });
        i++;
    }
}
function showEmpty() {
    $(".nodata").show().html("别滚动了,已经到底了。。。");
}
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.jct-monitor.com/js/783.html
最新交易
评论20
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 19楼
    02-02 10:23
    zu***ar
    这几天很需要这个东东,谢谢楼主
  • 头像 18楼
    07-25 07:07
    u_***00
    很实用,谢谢!
  • 头像 17楼
    05-19 05:40
    sz***ne
    正需要这个东西,在这儿找到了
  • 头像 16楼
    12-24 15:02
    wi***am
    这个挺实用的
  • 头像 15楼
    08-07 08:40
    en***37
    ajax的技术就是牛!!!!
  • 头像 14楼
    07-04 10:27
    小毛***hl
    还可以,,,,向大神学习
  • 头像 13楼
    12-10 13:31
    你***吗
    ajax.php / 第19行 food改成goods ,数据库中的表叫goods
  • 头像 12楼
    11-28 17:57
    七***心
    还是挺实用的
  • 头像 11楼
    10-31 11:20
    zs***23
    这个可以 还是挺实用的
  • 头像 10楼
    10-23 11:52
    ch***ng
    这个挺好的啊 就是瀑布流的原理啊
1 2
豪门彩票 大赢家彩票平台www.791397.com| www.929672.com-七星彩简单公式| www.3274.biz-棋牌游戏彩票导航| www.397564.com-彩票过年休几天| www.658912.com-五洲彩票手机| www.1751.vip-鸿彩播平台直播下载| www.130351.com-北京彩票查询七星彩| www.678974.com-中彩网论坛交流区| www.6337.org-顺亿彩票是真的假的| www.65422.com-福彩啥软件看最好| www.861165.com-甘肃快三怎么了| www.101163.com-山东省福彩中心地址| www.275392.com-中国体彩网阳光开奖| www.366908.com-中国福彩75期| www.42ow.com-猫彩铅笔画图片| www.43911.com-4567彩票犯法吗| www.027316.com-希腊5分彩吧| www.980418.com-牛网彩票-| www.jn08.com-七天彩票-| www.027642.com-易彩网邀请码| www.00055.com-彩色印刷包装厂家| www.b94.top-中国福彩3d金码| www.60hj.com-双色球购彩大厅机选| www.171308.com-北京的十一选五体彩| www.066754.com-五分快三必出码技巧| www.739646.com-神彩挣霸-| www.813911.com-刘军教玩江苏快三| www.884363.com-cbo28彩宝彩票| www.963317.com-彩铅彼岸花图片大全| www.5ht.cc-怎样科学玩高频彩| www.93.me-红牛福彩下载安装| www.089224.com-168彩票公司合法| www.295910.com-哪个彩票好玩快三| www.678593.com-精英彩票冰心论坛| www.946864.com-上海彩钢板生产厂家| www.87288.cc-彩票知识-| www.047998.com-专业玩彩3d彩票网| www.041054.com-江南彩姐的彩票专栏| www.059988.com-中国福利彩票怎样玩| www.58gu.com-会员登录_顶级彩票| www.am5.cc-河北快三开奖号遗漏| www.zc45.com-幸运快三计算公式| www.665626.com-新加坡大彩开奖号码| www.88833.cc-大师双色球qq彩票| www.057771.com-福彩快3甘肃| www.772816.com-怎么买时时彩| www.871123.com-天天彩票投资赚钱| www.5504.com-彩票给真有大奖| www.08en.com-浙江体彩六加一规则| www.9790.biz-彩票太难中-| www.219261.com-高频彩票有哪些| www.43480.com-七星彩开奖列表图| www.8217.cn-苏州体育彩官网| www.376529.com-彩8怎么解绑银行卡| www.907238.com-彩票6-| www.985024.com-浙江快乐彩11| www.bs04.com-网上投注快三合法吗| www.298569.com-甘肃省体彩在哪兑奖| www.381536.com-周五的彩票-| www.170.vip-打电话可以买彩票吗| www.474338.com-9cb彩票计划下载| www.590396.com-福彩3d资料图| www.549233.com-擅自互联网售彩| www.649249.com-重庆时时彩开奖接口| www.813951.com-福彩快开调整影响| www.952205.com-vr10分彩-| www.cp5565.com-快三合之-| www.528923.com-附近体彩足球竞彩店| www.618536.com-足彩技巧分析推荐| www.684364.com-福彩三地杀码独醉| www.781618.com-彩票源码最新排行榜| www.851659.com-分分时时彩票下| www.906251.com-彩色的梦教案| www.963059.com-彩神通专业版| 盛彩网www.41518k.com| www.95633.com-彩票公益事业| www.066955.com-博彩app安全吗| www.135887.com-竞彩胜负平玩法| www.209732.com-大发快三安全平台| www.39he.com-金利丰彩票-| www.778222.com-破解彩票概率组合| www.856751.com-体彩七星彩开奖历史| www.960705.com-福彩3d山东字谜| www.kp.com-手机购彩票软件| www.814855.com-恒大彩票会吞钱吗| www.240247.com-神彩8争霸-| www.362144.com-一年级彩虹教学反思| www.zv19.com-七天彩app下载| www.uo48.com-黑龙江快三走势图表| www.473.bid-彩票举办-| www.92533.com-下彩票旧版免费| www.096075.com-体育彩票的真实性| www.108775.com-网上玩彩有赢的吗| www.293792.com-老彩票骗局揭秘| www.u72.cc-梦见彩票没中巨奖| www.98be.com-888彩票是黑彩吗| www.608258.com-温州体彩招聘| www.52658.com-好彩投28彩票| www.525275.com-q彩票3d-| www.566873.com-青岛福彩中心在哪里| www.690446.com-玛雅吧彩票游戏| www.778175.com-高频彩是什么东西| www.910933.com-七星彩票-| 金掌柜www.83993q.com| www.pl92.com-广西快三一定牛网| www.9408.cm-金三角博彩上班| www.618013.com-曾体彩中心曾志刚| www.702571.com-新福彩3d彩票图片| www.216303.com-马来西亚分分彩开奖| www.280337.com-体彩七位数最新预测| www.403655.cc-彩票众彩网-| www.524815.com-大数据彩票快三| www.90953.com-新浪开奖直播彩票| www.236889.com-竞彩预测-| www.323427.com-福建七乐彩走势图| www.533650.com-七星彩开什么号| www.094998.com-买彩票不亏法| www.661365.cc-哪个大学有彩票专业| www.064782.com-彩票双色球预测号码| www.ov49.com-山西福彩前三走势图| www.996.cm-七星彩和大乐透区别| www.735316.com-快三高赔率平台| www.221240.com-彩票助赢计划网页| www.320171.com-百宝彩十一选5| www.44859.com-号佰彩票-| www.004328.com-玩彩输钱后果| www.6011.com-云南福彩中心电话| www.155383.com-竞彩庄家盈亏| www.216213.com-大玩家彩票骗局| www.1339.in-20分钟一开的彩票| www.e22.biz-彩票双色球机选号码| www.0132.cn-有彩色与无彩色| www.028204.com-奔驰彩票客户端| www.102521.com-越战越勇中彩票| www.787970.com-c27彩票官方| www.896557.com-博彩套利大神| www.981909.com-七星彩今天开什么码| www.069708.com-查福彩开奖结果查询| www.160771.com-神州分分彩计划软件| www.7333.vip-翼龙2和彩虹5| www.090120.com-福利彩票代理| www.33204.com-请下载全民彩票| www.169313.com-快三赌博骗局| www.cai2477.com福彩10分钟开| www.pg81.com-tkcc天空彩票| www.0106.top-春秋彩票不能提款| www.6567.cc-led全彩屏-| www.110482.com-玩彩票1888-| www.076188.com-投资达人彩票平台| www.0232.pw-中国福利彩票案| www.85hs.com-分分时时彩稳赚公式| www.948030.com-彩票店的利润分成| www.6ld.com-彩票必杀算法| www.20cu.com-彩票开奖查询16号| www.72553.cc-f8彩票app-| www.7696.loan-乐彩33兼职-| www.169711.com-正规的购彩app| www.377586.com-彩票店门口对联| www.983819.com-中国福彩主任| www.657677.com-彩票分析杀号器| www.92448.com-727精彩彩票首页| www.008880.com-买彩票有什么规律吗| www.198122.com-精英彩票心水| www.031335.com-爱乐彩app倒闭了|