vue scroll事件失效
发表于|更新于
|浏览量:
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。
这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点
可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大
后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式:
1 | .allow-scroll { |
然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
相关推荐
2023-10-13
ar.js
没有希望的地方,就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库,其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation
2025-11-06
OpenTUI
我说你是人间的四月天,笑响点亮了四面风,轻灵在春的光艳中交舞着变。你是四月天里的云烟,黄昏吹着风的软,星子在无意中闪,细雨点撤在花前。——林徽因《你是那人间的四月天》 打造极致终端体验!OpenTUI:TypeScript 终端界面开发新利器在互联网日益图形化的今天,Terminal(终端)依旧在开发者和极客圈中有着不可替代的重要地位:高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰,或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面(TUI),那么你一定不能错过——OpenTUI! 一、什么是OpenTUI? 项目地址:sst/opentui 官网主页:https://opentui.com 一句话简介:OpenTUI 是一个用于构建终端用户界面(TUI, Terminal User Interface)的 TypeScript 库。 主要语言:TypeScript Star:4,529+ Fork:164+ 授权协议:MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具,还是命令行游戏,这个库提供了现代化、丰富的能力,让你...
2025-08-07
translate-ha-jimi
但愿苍生俱饱暖,不辞辛苦出山林。一一于谦 哈基密语加密器 translate-ha-jimi:浏览器本地端到端加密,体验另类语言编码的乐趣!你是否曾想过,和好友聊天的内容能像“密语”一样,既神秘又安全,既有趣又防偷窥?现在,**哈基密语加密器(translate-ha-jimi)**就能满足你的所有幻想!它不仅是一款强大的浏览器本地端到端加密聊天工具,更以轻松娱乐为出发点,让学习加密算法、体验信息安全变得生动有趣。 哈基密(哈吉米)的有趣来历“哈基密”或“哈吉米”这个词,实际上源自于日语“はちみつ”(hachimitsu,意为“蜂蜜”)的空耳发音。其灵感来自于热门动画《赛马娘》第二季第12集:剧中角色东海帝皇在买蜂蜜饮料时,嘴里哼唱着“哈基密哈基密”的小曲,俏皮又洗脑。自此,“哈基密”便在ACG圈层中成为一种极具特色的网络流行语,被大家用来调侃、加密、甚至“恶搞”语言内容,形成了独特的亚文化密码。 项目简介translate-ha-jimi(哈基密语加密器) 是一款专为聊天内容加密设计的本地工具,全部加密和解密过程都在你的浏览器本地完成,无需上传任何数据,保障你的信息...
2025-11-22
playcanvas-engine
生活就像一盒巧克力,你永远不知道下一颗是什么味道。——阿甘·弗雷斯 PlayCanvas Engine 深度观察:在浏览器原生跑起来的开放式 3D/WebXR/WebGPU 游戏引擎 仓库地址:playcanvas/engine描述:Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF官网:PlayCanvas 网站 | 用户手册 | API Reference | 在线示例 | 官方博客(这些入口均在 README 顶部有导航)许可证:MIT语言:JavaScript / TypeScript(脚本可二选一)核心技术关键字(源自仓库 Topics):webgl webgl2 webgpu webxr gltf game-engine gaussian-splatting 等 PlayCanvas Engine 是一个完全开源、浏览器原生运行的实时 3D / 游戏 / 交互内容引擎。它的定位并不是“另一个封装层”,而是一套将现代 W...
2025-10-01
x402
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮,而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 x402:为互联网打造的下一代支付协议——Coinbase 的开放支付协议全解析在加密货币和 Web3 世界不断进化的今天,支付系统依然是“链上应用到现实世界”最核心的基础设施之一。Coinbase 推出的 x402 项目,正试图用开放协议的思路,重新定义互联网支付的连接方式。本文将带你深入了解 x402 的项目定位、技术亮点、典型用法和未来前景。 一、项目概览 项目地址:coinbase/x402 官网:https://x402.org 一句话描述:A payments protocol for the internet. Built on HTTP. 主语言:TypeScript 开源协议:Apache 2.0 Star:1825+,Fork:286+,Issue:104+,社区活跃 二、x402 要解决什么问题?x402 的目标是:让任何 Web 服务都能像集成 HTTP 一样,快速、安全地集成加密支付/微支付能力。 开放协议:...
2020-12-02
js进行深拷贝
共夸不受污泥染,没有污泥哪有莲。——《赏荷》 对象深拷贝 123456789101112131415161718192021222324252627282930export function deepClone (data) { var type = getObjType(data) var obj if (type === 'array') { obj = [] } else if (type === 'object') { obj = {} } else { // 不再具有下一层次 return data } if (type === 'array') { for (var i = 0, len = data.length; i < len; i++) { data[i] = (function () { if (data...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog