做公众号项目中有如下场景，一个H5页面有列表数据，不考虑一次加载所有数据，故需要分页操作，解决方案为滑动到底部自动加载下一页内容。直接在H5的js当中实现。 主要使用jquery的scroll()方法： 当用户滚动指定的元素时，会发生 scroll 事件。 scroll 事件适用于所有可滚动 ...

公司微信公众号的网页由ThinkPHP框架的模板生成，由一个需求是滑动到底部时自动加载下一页内容。 1、网页结构 网页分为两个部分，顶部固定导航栏，下部有一个page容器，内部滚动显示。 2、加载下一页的流程 当滑动到底部时，发送ajax请求下一页内容，内容返回后，将内容拼接成HTML ...

页面滚动到底部自动加载下一页功能的实现，效果见本博首页 1、endlesspage.js文件内容 2、界面调用 ...

...

...

<template> <div class="infinite-list-wrapper" style="overflow:auto"> <ul ...

给商品列表页面添加一个上滑触底加载下一页的效果，滚动条触底之后就发送一个请求，来加载下一页数据， 先在getGoodsList中获取总条数 由于总页数需要再另外的一个方法中使用，所以要把总页数变成一个页面全局参数。 数据请求回来，要对data中的数组进行拼接，而不是全部替换 ...

https://www.bilibili.com/video/BV1BJ411W7pX?p=39 ...