• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  jQuery笔记之随滚动条正文

jQuery笔记之随滚动条下移,不断加载新内容方法

作者:网页模板
类型:图文教程
点击次数:
发布时间:2014-03-25 12:27
分享到:
随滚动条下移,不断加载新内容方法:
$(window).scroll(function(){
    if($(document).height() - $(window).height() - $(document).scrolltop() <= 200;){  //当滚动条距离底部200px时,执行下面的代码
        $("body").append("<div style='height:500px;width:500px'>我是追加的div</div>");  //在body里面加入“<div style='height:500px;width:500px'>我是追加的div</div>”
    }
})

(责任编辑:网页模板)
  • 本文标签:
  • jQuery滚动加载
jQuery笔记之find()方法
jQuery笔记之form表单精确选中、多选、反选等