窗口滚动到元素时的角度2设置样式答案

【问题标题】：angular 2 set style when window scrolls to element窗口滚动到元素时的角度2设置样式
【发布时间】：2016-12-25 18:50:32
【问题描述】：

在 angular 2 中我可以做类似的事情

<div (onEnter)="doSomething()">
</div>

当窗口靠近大型组件中的元素时触发。

我试图避免编写一堆带有自定义入口动画的组件。所以我想将样式设置为在 dosomething() 函数中引用 animate.css。

【问题讨论】：

【解决方案1】：

是的，只有语法规定 (enter) 而不是 (onEnter)。

另外，您使用的是 angular2，因此正确使用 LESS 或 SCSS 文件。对于预处理样式文件，请阅读此处http://lesscss.org/

【讨论】：

我在我的组件中使用了
并且当我滚动页面时 test() 函数永远不会被调用。跨度>
我明白你现在的意思了，但是 (enter) 和 (onEnter) 指的是鼠标输入，而不是 Windows 滚动。有一个 (scroll)/(onscroll 事件)，但我认为您可能会发现此解决方案更合适：[link]jsfiddle.net/ADukg/4831 使用“原始”对象来确定 offsetHeight，从而确定对象在窗口上的位置。小提琴是此处提出的问题的解决方案 [link]stackoverflow.com/questions/21989923/… 另外，如果您可以发布更多甚至所有代码，那将更加有益。