本文主要和大家介绍了jquery实现滚动到底部时自动加载更多的方法,涉及jquery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下,希望能帮助到大家。
这里利用AJAX,实现滚动到底加载数据功能:
nbsp;html>$(function () { AddSth(); }); $(function () { $(".main").unbind("scroll").bind("scroll", function (e) { var sum = this.scrollHeight; if (sum <= $(this).scrollTop() + $(this).height()) { AddSth(); } }); }); function AddSth() { $.ajax({ type: 'POST', url: "index.aspx/ReturnSth", dataType: "json", contentType: "application/json; charset=utf-8", //data: "", success: function (data) { json = $.parseJSON(data.d); for (var i in json) { var tbBody = "
- " + json[i].sth + ""; $(".main").append(tbBody); } $(".main").append("
"); } }); }
登录后复制
相关推荐:
jQuery自动加载更多程序
以上就是jQuery实现滚动到底部时自动加载更多代码分享的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2786184.html