技术栈

vue 实现 下拉触底事件

布Coder2024-04-27 8:58

**注册滚动事件

window.addEventListener('scroll', this.onScroll, true)**

事件触发

复制代码
onScroll () {

  let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
  let clientHeight = document.documentElement.clientHeight
  let scrollHeight = document.documentElement.scrollHeight
  if (scrollTop + clientHeight >= scrollHeight) {
    this.findBlogsContentInfo()
  }
},
上一篇:JavaScript-3(内置对象+数组对象+字符串对象)
下一篇:Vue3+ts(day03:ref和reactive)
相关推荐
paterWang
几秒前
基于SpringBoot+Vue的鞋类商品购物商城系统的设计与实现
vue.js·spring boot·后端
赵_叶紫
2 小时前
Vue 3 从基础到组合式 API 全解析
vue.js
hypnos_xy
3 小时前
Vue3 工程构建
vue.js·前端框架
毕设源码-钟学长
3 小时前
【开题答辩全过程】以 基于Vue的租房App为例,包含答辩的问题和答案
前端·javascript·vue.js
wuhen_n
6 小时前
副作用的概念与effect基础:Vue3响应式系统的核心
前端·javascript·vue.js
张3蜂
6 小时前
Vue.js-知识体系
前端·javascript·vue.js
wuhen_n
6 小时前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js
滕青山
7 小时前
HTML编码/解码 核心JS实现
前端·javascript·vue.js
RunsenLIu
7 小时前
智慧房屋租赁管理系统
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆05Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤06openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南07HTML 早已不是标签了,它现在是系统级接口:这 9 个 API 直接干翻常用 JS 库08AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南09OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数10全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)