jQuery实现滚动到底部时自动加载更多代码分享

本文主要和大家介绍了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

(0)
上一篇 2025年3月8日 17:40:51
下一篇 2025年3月8日 17:40:57

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery中的isPlainObject()实例详解

    jquery中的isplainobject() 函数用于判断指定参数是否是一个纯粹的对象,返回值为boolean类型。 “纯粹的对象”,就是通过 { }、new Object()、Object.create(null…

    编程技术 2025年3月8日
    200
  • ionic2中如何使用自动生成器

    ionic generator是命令行的功能,ionic2自动帮我们创建应用程序,从而节省了大量的时间,并增加我们的速度来开发一个项目的关键部分。 ionic generator使我们可以自动创建以下几部份: •component•dire…

    2025年3月8日
    200
  • jquery和vue对比实例分析

    很多人说jquey和vue没有什么可比的,应该和angular,react来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到…

    2025年3月8日 编程技术
    200
  • 在vue首页怎样做出底部导航TabBar

    这次给大家带来vue首页底部导航tabbar,在vue首页做出底部导航tabbar的注意事项有哪些,下面就是实战案例,一起来看一下。                                        ![](../assets/…

    编程技术 2025年3月8日
    200
  • 简单的jQuery点击水纹波动动画示例

    这次给大家带来简单的jquery点击水纹波动动画示例,用jquery做出点击水纹波动画注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery点击水纹波动动画原理:    1.在需要实现水波纹效果的标签中添加    2.代码会定位 鼠…

    编程技术 2025年3月8日
    200
  • 一份好用的jquery的表单验证插件

    这次给大家带来一份好用的jquery的表单验证插件,使用jquery的表单验证插件的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery的validate插件前置知识:默认校验规则 使用方法:按顺序引入jquery.js、jque…

    编程技术 2025年3月8日
    200
  • 基于jquery的一个懒加载组件

    这次给大家带来基于jquery的一个懒加载组件,基于jquery的懒加载组件的注意事项有哪些,下面就是实战案例,一起来看一下。 #home { background: rgba(245, 245, 245, .8); width: 1000…

    编程技术 2025年3月8日
    200
  • 15个jQuery小技巧分享

    本文主要和大家分享15 个jQuery小技巧(干货)相关教程,具体实例代码请看下文,希望能帮助到大家。 1.返回顶部按钮 你可以利用animate和scrollTop来实现返回顶部的动画,而不需要使用其他插件。 ? code 1 2 3 $…

    编程技术 2025年3月8日
    200
  • 怎样让文字超出div后自动隐藏并且显示省略号

    这次给大家带来怎样让文字超出div后自动隐藏并且显示省略号,文字超出div后自动隐藏并且显示省略号的注意事项有哪些,下面就是实战案例,一起来看一下。 文字超出div后自动加上…只需要在css中设置如下样式即可: label{  …

    编程技术 2025年3月8日
    200
  • 如何使用jquery的分页插件

    这次给大家带来如何使用jquery的分页插件,如何使用jquery的分页插件的注意事项有哪些,下面就是实战案例,一起来看一下。 jqpaginator简洁、高度自定义的jquery分页组件,适用于多种应用场景。 简介 现在网上各种各样的分页…

    2025年3月8日
    200

发表回复

登录后才能评论