translateZ(0px)会干扰scrollIntoView

时间:2020-01-16 16:04:09

标签: javascript

一段时间以来,我一直在努力解决以下问题:

因此,这是带有快速演示的代码: https://codepen.io/Magic_MEWS/pen/RwNYLbO

  • 单击Toggle rateCompare
  • 点击打开灯箱
  • 单击最后一个蓝色框以启动scrollIntoView效果。
  • 它将从容器中推出rateCompare元素,这是不需要的
  • 如果将scrollIntoView选项更改为end,那就没问题了。

使用Google Chrome浏览器可获得更好的效果。

现在,最重要的是-当您从translateZ(0px)元素中删除body时,rateCompare和Lightbox会按预期运行。 此外,最初打开rateCompare时,它的行为也符合预期。

有人对此有任何暗示吗?

0 个答案:

没有答案