jQuery实现滚动时动态加载页面内容

2021-06-14 15:05

阅读：416

标签：jquer display splay www. code pen val php query

原文：http://www.open-open.com/code/view/1446693988935

有些网站的网页内容不是一次性加载完毕的，而是在鼠标向下滚动时动态加载的，这是怎么做到的呢？看下面代码：

var loading = false;
$(window).scroll(function(){
 if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
      if(loading == false){
           loading = true;
           $(‘#loadingbar‘).css("display","block");
           $.get("load.php?start="+$(‘#loaded_max‘).val(), function(loaded){
                $(‘body‘).append(loaded);
                $(‘#loaded_max‘).val(parseInt($(‘#loaded_max‘).val())+50);
                $(‘#loadingbar‘).css("display","none");
                loading = false;
           });
      }
 }
});

$(document).ready(function() {
 $(‘#loaded_max‘).val(50);
});

jQuery实现滚动时动态加载页面内容

标签：jquer display splay www. code pen val php query

原文地址：http://www.cnblogs.com/shihaiming/p/7279078.html

上一篇：李炎恢ThinkPHP讲义ThinkPHP--自动验证[上][12]

下一篇：用 jQuery实现图片等比例缩放大小

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jQuery实现滚动时动态加载页面内容
文章链接：http://soscw.com/index.php/essay/93951.html

亲，登录后才可以留言！

jQuery实现滚动时动态加载页面内容

评论

热门文章

推荐文章

最新文章

置顶文章