js/jquery控制页面动态加载数据滑动滚动条自动加载事件的方法

最新推荐文章于 2021-01-05 17:50:50 发布

转载最新推荐文章于 2021-01-05 17:50:50 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/659576

文章标签：

#javascript #开发工具 #ViewUI

本文介绍了一种使用JavaScript实现的滚动加载更多功能的方法。当用户滚动到页面底部时，会触发加载更多数据的操作。该方法利用了$(window).scroll()事件监听器来监测用户的滚动行为，并通过比较滚动位置和页面高度来判断是否触底。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(window).scroll(function () {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
    if (scrollTop + windowHeight == scrollHeight) {

   　　//此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
　　
　　　　　　//var page = Number($("#redgiftNextPage").attr('currentpage')) + 1;
　　　　　　//redgiftList(page);
　　　　　　//$("#redgiftNextPage").attr('currentpage', page + 1);

    }
  });