css - 当元素到达底部边缘时设置不透明度

Question

我正在使用 Angular 制作动画。 1秒后我有以下动画

{opacity: 0, transform: 'translateY(100%)', offset: 1.0}

这会将我正在设置动画的元素的不透明度设置为 0，当它达到底部的 100% 时。但是，当元素移动到底部时，主体中会出现一个滚动条以适应这种过渡。一旦元素的底部接触到屏幕底部，有没有一种方法可以阻止滚动条显示或将不透明度设置为 0？

Answer 1

只需将主体或div设置为

overflow: hidden;

这样卷轴就不会出现了。