首页 > 解决方案 > 角滚动事件防止滚动溢出

问题描述

我对 Angular 和 webdev 作为一个整体还是很陌生,我现在有点卡住了。我目前正在尝试使用滚动执行一些自定义逻辑,因为我需要相对于溢出的滚动条移动一些绝对定位的元素。

我有一个 div:

<div id="tableWrapper" class="search-table-outter" (scroll)="onScroll($event)"> ... </div> 使用创建溢出的 CSS 格式化:

.search-table-outter { overflow-x: auto; margin-bottom: 50px; }

在打字稿中:

 onScroll(event) { console.log("SCROLLING"); }

当我加载我的页面并尝试在该溢出中滚动时,该事件被成功捕获并且“滚动”按预期出现在控制台中,但是,溢出不再滚动。我假设这是预期的行为,但是我希望在修改其他元素的属性时溢出仍然滚动。我缺少一些基本的东西吗?

如何在仍然有溢出滚动的同时捕获事件并做我想做的事?

谢谢!

标签: htmlcssangulartypescriptevents

解决方案


推荐阅读