技术栈

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)
相关推荐
前端小巷子
37 分钟前
Vue 事件绑定机制
前端·vue.js·面试
伍哥的传说
1 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
菜牙买菜
1 小时前
Hicharts入门
前端·vue.js·数据可视化
xvmingjiang
2 小时前
Element Plus 中 el-input 限制为数值输入的方法
前端·javascript·vue.js
全栈老石
3 小时前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
HYI
4 小时前
「三年了,今晚突然开窍!」 一个拖拽排序的顿悟时刻
javascript·vue.js
FFF-X
4 小时前
Vue3 路由缓存实战:从基础到进阶的完整指南
vue.js·spring boot·缓存
临期程序员
5 小时前
TypeError: crypto.getRandomValues is not a function
前端·vue.js
热门推荐
01UV安装并设置国内源02KGG转MP3工具|非KGM文件|解密音频03Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code04【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07TRAE Rules 实践:为项目配置 6A 工作流08全球最强模型Grok4,国内已可免费使用!(附教程)09TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南