Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在某些浏览器中,滚动上的TranslateY会闪烁_Html_Css_Angular - Fatal编程技术网

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问题。