×
  • Web前端首页
  • 综合
  • 基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

作者:Terry2017.02.03来源:Web前端之家浏览:12715评论:0
关键词:JQueryJS
复制代码 代码如下:

<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;">
请写很多数据……
</div>
<div id="lookMore">more...</div>
<script src="jquery-1.7b1.js" type="text/javascript"></script>
<script type="text/javascript">//需要引用jquery
$(window).scroll(function () {
if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top)
$("#Scroll").append("<div>more!!!</div>");//替换为异步加载
});
</script>

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1486051200928.html

网友评论文明上网理性发言已有0人参与

发表评论: