Reactstrap:在旋转木马实施中注意到的闪烁

时间:2017-11-09 21:35:12

标签: reactjs carousel bootstrap-4 flicker reactstrap

  • 组件:Carousel
  • reactstrap版本5.0.0-alpha.3
  • 反应版本#16
  • bootstrap version#4.0.0.beta2

您好,

我已经在我的应用中实施了reactstrap(这是一个很棒的工具!)。我在主页的顶部添加了一个旋转木马。它循环带有字幕的4张图像。我正在使用最新的反应。我在使用旋转木马时注意到我的页面上有闪烁。它一次又一次地发生,可视页面似乎闪烁/闪烁一次不到一秒钟,然后一切恢复正常。闪烁/闪光灯似乎显示了旋转木马下方页面的内容,但很难说清楚。

我已经尝试了我能想到的一切来纠正这个问题。我甚至使用了will-change:transform css属性来准备浏览器的性能。没有任何效果。

我想知道它是反应v16的问题,还是使用反应堆的alpha版本的问题。这说我似乎无法纠正这个问题。

非常感谢有关解决此问题的一些帮助。谢谢大家。

由于

2 个答案:

答案 0 :(得分:1)

还有问题吗? 您使用的是Mozilla Firefox吗?

尝试在.carousel-inner .item上将“backface-visibility”设置为“visible”。

答案 1 :(得分:1)

此答案对我有用: https://github.com/reactstrap/reactstrap/issues/677#issuecomment-373482596

您需要将height修复为类.carousel-inner