js-移动端上拉触底加载

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 395平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄7年

关注

原创最新推荐文章于 2026-06-20 09:49:32 发布 395 阅读 AI 写同款· GEO 优化 ›

移动端实现上拉加载下拉刷新此文档描述的是在移动端实现上拉加载与下拉刷新功能。立即下载

上拉触底判断

	scrollEvent(e) {
      const { scrollHeight, scrollTop, clientHeight } = e.target;
      if (scrollHeight - scrollTop <= clientHeight) {
        if (!this.loading) {
         //处理触底具体逻辑    
        }
      }
    },

收录于

当前文章被收录于：

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

最大似然估计、梯度下降、EM算法、坐标上升主要讲解的是机器学习中参数学习算法之间的区别，以及应用的场景。最大似然估计：其中目标函数是对数似然函数。为了求目标函数取最大值时的theta。有两个关机键步骤，第一个是对目标函数进行求导，第二个是另导数等于0，求解后直接得到最优theta。两个步骤缺一不可。梯度下降：对目标函数进行求导，利用导函数提供的梯度信息，使参数往梯度下降最快的方向移动一小步，来更新参数。为什阅读详情

相关推荐

Windows（Win10、Win11）本地部署开源大模型保姆级教程

最近开源大模型可谓闹的沸沸扬扬，尤其是Microsoft开源的和Meta开源的llama3 70b，评测都已经接近了的水平。鉴于还有很多同学不会在上部署和使用本地模型，因此我们出一期保姆级教程。本文讲述了如何在上本地部署大模型。从最基础的软件安装到环境配置都进行了截图展示，希望对非计算机的同学也有所帮助。AI时代我们每个人都必须要掌握一些AI知识，相信不断学习的你一定不会被AI淘汰。这只是开始，后面我们还有很多工作要做，尤其是提示词和智能体。

AIGIS的博客 3万+

移动端下拉加载插件----mescroll.js插件

一、官网 http://www.mescroll.com/ 二、下载引入 <script src="./js/mescroll.min.js"></script> <link rel="stylesheet" href="./css/mescroll.min.css"> 三、拷贝布局结构 <div id="mescroll" class="m...

xuan的博客 669

基于FreeRTOS与MQTT的物联网技术应用系列——步进电机控制（三）SD卡驱动、FatFS等的移植和ini配置文件读取的实现

本文实现了基于STM32F107VC的金牛开发板的基于SPI模式的SD卡驱动和FatFS的移植，以及利用minini库对ini配置信息文件进行读取。

sqshining的专栏 2136

JS案例：触底懒加载

接着上篇文章：ajax获取图片列表，我们来实现一下JS的经典案例，懒加载在web应用中，系统的响应速度对用户体验十分重要，其最主要的影响来源于服务端数据库查询，以及DOM渲染。数据库查询数据量大的情况下，我们可以进行分页配合前端分页或者懒加载进行优化，而这篇文章主要讲的是如何处理后端百万级数据对DOM渲染造成的影响，当然这也是大厂常问的题。

00后|互联网💻|办公室🍵茶农，希望通过技术改变生活|爱折腾💪|收集各类📚网络资源，好物不私藏，点点关注，不迷路。全网搜：阿宇的编程之旅 or 阿宇的宝库 1914

从DMD芯片到3D视觉革命：揭秘DLP工业投影光机的核心技术

本文深入解析了DMD芯片在DLP工业投影光机中的核心技术应用，揭示了其如何通过3D结构光技术实现微米级精度。从DMD芯片的机械设计到工业级光机的特殊优化，再到光固化3D打印和系统集成，展现了DLP技术在工业自动化和智能制造中的革命性作用。

weixin_29048775的博客 509

激光可燃气体传感器：核心技术环节分析

激光可燃气体传感器核心技术涵盖七个维度：1）TDLAS光谱吸收与调制技术（检测下限ppm级）；2）DFB激光器与双闭环温控系统（波长稳定性±0.0036nm）；3）微弱信号处理技术（信噪比提升60dB）；4）环境补偿算法（温压补偿误差＜±1%）；5）本质安全防爆设计（ExiaIICT4Ga等级）；6）智能边缘计算（STM32L476芯片）；7）多重性能验证（响应时间＜1秒）。通过微型化、多气体检测等创新，该技术已在工业安全等领域替代传统方案，实现高精度检测。（149字）

上市公司前技术负责人，20 年软硬件深耕 + 百人研发团队管理经验，名校理工科背景加持。从技术攻坚到团队掌舵，沉淀海量项目实战与管理心得，专注分享软硬件干货、疑难问题解决方案，既是靠谱知识传播者，也盼链接优质项目共成长。 1036

超实用的移动端触摸滑动js插件

移动端滑动插件

huihui_999的博客 998

基于NXP BFU730F的宽带WiFi LNA设计：从原理到实测的完整指南

低噪声放大器（LNA）是无线通信接收链路中的关键器件，其性能直接决定了系统的接收灵敏度。LNA的核心原理是在放大微弱信号的同时，尽可能降低自身引入的噪声，并保持良好的线性度以应对强干扰。在宽带应用场景下，如覆盖2.4GHz至5.9GHz的现代WiFi系统，设计需在宽带匹配、噪声优化和增益平坦度之间取得精妙平衡。本文以NXP的BFU730F SiGe:C HBT晶体管为核心，深入解析一种采用电阻反馈和LC匹配网络的经典宽带LNA架构。该设计通过优化反馈网络，在宽达3.5GHz的频带内实现了优异的噪声系数（低至

weixin_33587161的博客 326

移动端触摸滑动插件Swiper

移动端触摸滑动插件Swiper 04/02/2015 一、了解Swiper 目前移动端项目一般都需要具有触屏焦点图的效果，如果你也需要实现这一功能的话，Swiper是一个不错的选择。 1、他不需要加载任何公共库（如jQuery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的动行，如jQuery，Zepto，jQueryMoblie等。 ...

weixin_33887443的博客 412

AgentScope深入分析-ReActAgent

ReActAgent 是 AgentScope 框架中最核心的智能体实现，它完美诠释了"推理-行动"（Reasoning-Acting）循环的精髓。本文将深入分析 ReActAgent 的类继承关系、核心执行流程，以及状态管理、钩子机制、实时介入等关键技术点。通过阅读本文，你会理解智能体如何与模型交互、如何执行工具、如何处理中断，以及这些机制背后的设计考量。模块化：通过组合不同的组件（模型、格式化器、工具集、记忆）来构建智能体透明性：所有关键流程都对开发者可见，可以精确控制可扩展性。

842

Linux 下 OpenClaw 安装全记录：从零到一的保姆级图文教程

本文主要介绍了Linux 下 OpenClaw 安装全记录：从零到一的保姆级图文教程，希望能对学习使用OpenClaw 的同学们有所帮助。文章目录 1. 背景 2. 实战教程 2.1 步骤一安装Node.js 2.2 步骤二：安装git 2.3 步骤三：安装并配置OpenClaw 2.4 步骤四：配置OpenClaw 2.5 步骤五：配置模型 2.6 步骤六：对话 3. 后续使用步骤 4. 报错解决方案 5. OpenClaw的卸载

weixin_43178406的博客 10万+

html下拉加载更多js,zepto.js手机端上拉刷新下拉加载更多列表数据插件

js代码var n=0,flag=true;function appendTestData(){return ""+Math.floor(Math.random()*1000)+"现在开始报时："+new Date()+""}function addhtml(type){console.log("第"+n+"次加载成功")$(".tip").html("第"+n+"次")$("#app ul")[...

weixin_36382534的博客 284

吊打BEVFormer！GaussianBeV实战：用3D高斯开启BEV分割新范式

GaussianBeV是一种基于3D高斯建模的BEV分割新方法，在自动驾驶感知任务中实现了SOTA性能。其核心创新在于将场景元素表示为3D高斯分布，通过均值、协方差和权重精确描述物体位置、形状和置信度，相比传统BEV方法具有更强的空间建模能力。文章详细介绍了GaussianBeV的原理、环境配置、训练推理流程及其在自动驾驶和城市3D重建中的应用，并讨论了优化方向和未来发展趋势。该方法在nuScenes等数据集上表现出色，为BEV分割任务提供了新的解决方案。

m0_71589036的博客 106

vue 用纯js监听滚动条到底部实现上拉加载

在移动端网页项目中，基本都会有列表页的上拉加载功能。在这篇文章中，我结合vue的生命周期用纯js写了一个监听滚动条的函数。怎样用纯js判断滚动条是否到底部先了解几个重点要素：获取滚动条到顶部的位置：document.documentElement.scrollTop、document.body.scrollTop 获取当前窗口内容可视区：document.documentElement.c...

mossbaoo的博客 5862

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

小程序，上拉触底事件

上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。

qq_46099629的博客 464

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

原生js如何实现上拉加载，下拉刷新？

JavaScript如何实现上拉加载，下拉刷新？

m0_68009075的博客 622

面试官：JavaScript如何实现上拉加载，下拉刷新？

一、前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pul...

weixin_44475093的博客 4782

JavaScript如何实现上拉加载，下拉刷新？

用JavaScript实现上拉加载及下拉刷新

huihui_999的博客 699

上拉加载和下拉刷新

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 39 天，点击查看活动详情一、前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等这些第三方库使用起来非常便捷我们通过原生的方式实现一次上拉...

Sun_blog 164

防止window.scroll多次执行调用

防止window.scroll多次执行调用在移动端网站开发过程中，经常会用到上拉加载分页数据，这是会通过监听滚动事件来实现。（在ios上滚动事件会被频繁请求） js var vum = new Vue({ el: "#List", data: { pageIndex:1, pageSize:10, list:[], ...

Fly的博客 4404

小程序页面事件（下拉刷新和上拉触底）

下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。

前端工程师 · Vue 生态深耕者，专注多端与工程化 668

JavaScript实现上拉加载，下拉刷新

这两种交互方式一般出现在移动端中，而且一般采用调库的方式。

wang1664178416的博客 1383

IScroll上拉加载下拉刷新

IScroll上拉加载下拉刷新 @charset "utf-8"; *{margin: 0; padding: 0;} html,body{ width:100%; height:100%; font

行言Tang、 416

原生js如何实现上拉加载下拉刷新？

下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll库等等这些第三方库使用起来非常便捷我们通过原生的方式实现一次上拉加载，下拉刷新，有助于对第三方库有更好的理解与使用下拉刷新、上拉加载原理本身都很简单，真正复杂的是封装过程中，要考虑的兼容性、易用性、性能等诸多细节。

范德萨的博客 549

微信小程序_10,页面事件

下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为1.全局开启下拉刷新2.局部开启下拉刷新实际开发中推荐使用第二种方式局部开启: 在全局或页面的.json配置文件中,通过backgroundColor和backgroundTextStyle来配置下来刷新窗口的样式,其中: 如下面的例子中,button控制count的自增,下拉重置count为0(页面中不必要的代码没有copy) WXML: .js: 当你下拉刷新时,其中的function会立即执行,但是下拉刷新的

没得简介 299

js中实现上拉加载，下拉刷新

下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll库等等这些第三方库使用起来非常便捷我们通过原生的方式实现一次上拉加载，下拉刷新，有助于对第三方库有更好的理解与使用。

努力的鋜 688

如何实现上拉加载，下拉刷新

答：下拉刷新和上拉加载这两种交互⽅式通常出现在移动端中本质上等同于PC⽹⻚中的分⻚，只是交互形式不同开源社区也有很多优秀的解决⽅案，如 iscroll 、 better-scroll 、 pulltorefresh.js 库等等这些第三⽅库使⽤起来⾮常便捷我们通过原⽣的⽅式实现⼀次上拉加载，下拉刷新，有助于对第三⽅库有更好的理解与使⽤实现原理上拉加载及下拉刷新都依赖于⽤户交互最重要的是要理解在什么场景，什么时机下触发交互动作上拉加载⾸先可以看⼀张图