2
  • 组件:旋转木马
  • reactstrap 版本 5.0.0-alpha.3
  • 反应版本 #16
  • 引导版本 #4.0.0.beta2

你好,

我已经在我的应用程序中实现了 reactstrap(这是一个很棒的工具!)。我在主页顶部添加了一个轮播。它循环播放 4 张带标题的图像。我正在使用最新的反应。使用轮播时,我注意到我的页面上有闪烁。它不时发生,可见页面似乎闪烁/闪烁一次不到一秒钟,然后一切恢复正常。闪烁/闪烁似乎显示了轮播下方页面的内容,但真的很难分辨。

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

我想知道这是 react v16 的问题,还是使用 reactstrap 的 alpha 版本有问题。也就是说,我似乎无法纠正这个问题。

非常感谢您对解决此问题的帮助。谢谢你们。

谢谢

4

2 回答 2

2

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

您需要修复height.carousel-inner

于 2018-12-11T17:23:46.370 回答
1

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

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

于 2018-02-01T15:43:29.827 回答