Html 在某些浏览器中,滚动上的TranslateY会闪烁
要更改滚动灵敏度/速度,我将Html 在某些浏览器中,滚动上的TranslateY会闪烁,html,css,angular,Html,Css,Angular,要更改滚动灵敏度/速度,我将transfrom:translateY(x)分配给x为动态数的元素。该数字根据当前滚动位置而变化: @HostListener('document:scroll', ['$event']) onScroll($event) { this.translateScrollable = (scrollY) / 1.5; } Chrome、Mozilla等都可以很好地工作,但在Edge上打开它最终将成为一场闪烁的盛宴。我怎样才能解决这个问题 考虑使用将更改将通过转换修
transfrom:translateY(x)
分配给x为动态数的元素。该数字根据当前滚动位置而变化:
@HostListener('document:scroll', ['$event'])
onScroll($event) {
this.translateScrollable = (scrollY) / 1.5;
}
Chrome、Mozilla等都可以很好地工作,但在Edge上打开它最终将成为一场闪烁的盛宴。我怎样才能解决这个问题 考虑使用
将更改将通过转换修改的元素的属性
.element与transform{
改变:转变;
}
<>这是因为它将元素提升到另一层,因此浏览器不必考虑布局渲染或绘画。
您可能还想考虑在事件上添加一个节流阀,以限制调用回退的次数。
< P>考虑使用<代码>将更改将在转换中修改的元素< /COD>属性。< /P>
.element与transform{
改变:转变;
}
<>这是因为它将元素提升到另一层,因此浏览器不必考虑布局渲染或绘画。
您可能还想考虑在事件上添加一个节气门,以限制调用回退的次数。
您使用什么语言/框架?@ SyLink角,但是在这种情况下,这不应该是什么,因为它应该是CSS问题。我想。您使用的语言/框架是什么?@但在这种情况下这不重要,因为我认为这应该是一个CSS问题。