javascript - 使用 react 时的前端故障

标签 javascript html css reactjs

<分区>


关闭 5 年前

我在使用 bootstrap 设置的静态 html 页面上添加了一些图表,效果很好。迁移到 React 后,我​​遇到了一个奇怪的 React 前端故障,如下图所示...

图 1 显示了滚动时的外观以及滚动结束后的短时间。

During Scrolling

滚动结束后,页面会重新呈现并正确显示。当子组件被渲染时,我只计算一次图表输入。滚动不会导致重新渲染。

After Scrolling

最佳答案

错误是由animate.css引起的.来自 here 的公认解决方案成功了:

.animated {
    -webkit-animation: fade-in 1s linear 1001ms, fade-out 1s linear 3s;
    -webkit-animation-fill-mode: forwards;
}

关于javascript - 使用 react 时的前端故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46698533/

上一篇:css - 在变量中使用 SCSS 变量

下一篇:html - 如何将我的搜索输入和提交按钮对齐到页面的中心?

相关文章:

html - 无法在 svg 中设置 foreignObject 的大小

css 箭头顶部不起作用

javascript - 旋转图像

html - 容器内的元素不占满宽度

javascript - Internet Explorer 8 错误,需要对象 (JavaScript)

javascript - Javascript 中的原型(prototype)关键字

javascript - 单击jquery加载打字动画

javascript - 如何在滚动上只制作 1 次动画

javascript - 如何在 React 组件中处理 script.src URL 回调?

java - 使用 POI 和 Jsoup 的超链接位于错误位置