栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用带有MySQL数据库的无限滚动

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用带有MySQL数据库的无限滚动

您的“如果”条件仅在您第一次滚动时得到满足。因此,从本质上讲,将触发该事件,而不是当您滚动到页面底部时,而是在您开始滚动时。将代码替换为以下内容:

<script type="text/javascript">    var loading = false;    $(window).scroll(function(){        var h = $('#postswrapper').height();        var st = $(window).scrollTop();         // the following tests to check if          // 1. the scrollTop is at least at 70% of the height of the div, and          // 2. another request to the ajax is not already running and          // 3. the height of the div is at least 500.          // You may have to tweak these values to work for you.         if(st >= 0.7*h && !loading && h > 500){ loading = true; $('div#loadmoreajaxloader').show(); $.ajax({     url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),     success: function(html){         if(html){  $("#postswrapper").append(html);  $('div#loadmoreajaxloader').hide();         }else{  $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');         }         loading = false;     } });        }    });</script>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/394744.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号