Angularscrollhost监听器未返回滚动值
创始人
2024-10-29 09:30:12
0次

如果希望在Angular中监听容器的滚动事件并获取滚动值，可使用以下代码示例：

// 在Component中引入以下代码 @HostListener('scroll', ['$event']) onScroll(event: any) { const scrollContainer = event.target as HTMLElement; console.log('scroll', scrollContainer.scrollTop); }

// HTML文件中添加以下代码

其中，@HostListener监听scroll事件并调用onScroll()方法，获取滚动容器的scrolltop值并输出到控制台。

注意：必须在容器元素上添加(scroll)监听器。

上一篇：Angularschematics异常：不支持关键词'id'，请使用'$id'作为模式ID

下一篇：Angularselect-country不想安装

相关内容

热门资讯

黑科技辅助!wepoke透视挂... 黑科技辅助!wepoke透视挂靠谱吗,德扑之星软件,切实教程(有挂详情)-哔哩哔哩1.wepoke透...
黑科技代打!微扑克辅助器是真的... 黑科技代打!微扑克辅助器是真的么(ai代打)太坑了真的是有挂(2025教程黑科技攻略)-哔哩哔哩；一...
黑科技玄学！wpk微扑克真的有... 黑科技玄学！wpk微扑克真的有辅助（智能ai）其实有挂（有挂游戏）-哔哩哔哩科技教程也叫必备教程，这...
黑科技透明挂!wepoke确实... 黑科技透明挂!wepoke确实有挂,wpk有透视辅助吗,微扑克教程(有挂总结)-哔哩哔哩是一款可以让...
黑科技计算!wpk发牌(黑科技... 黑科技计算!wpk发牌(黑科技ai)太坑了存在有挂(玩家教程黑科技辅助)-哔哩哔哩；1.wpk发牌 ...
黑科技规律！微扑克如何让系统发... 1、黑科技规律！微扑克如何让系统发好牌（ai辅助）本来真的有挂（有挂渠道）-哔哩哔哩；详细教程。2、...
黑科技透明挂!wepoke透明... 黑科技透明挂!wepoke透明黑科技,德州AI智能辅助机器人,德州教程(有挂规律)-哔哩哔哩1、许多...
黑科技教学!wepoke软件透... 黑科技教学!wepoke软件透明功能实现方法(黑科技ai)太坑了真的是有挂(AI教程黑科技辅助)-哔...
黑科技好友房！德州之星ai辅助... 自定义德州之星ai辅助系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管...
黑科技神器!wpkai透视外挂... 黑科技神器!wpkai透视外挂售卖,wpkai辅助,安装教程(有挂规律)-哔哩哔哩1、金币登录送、破...