小编Tzu*_*Liu的帖子

似乎有用的setState是通过听取动画元素window.scrollY会产生非常不稳定的效果.

const scrollY = window.scrollY;

animation01: {
  transformY: (scrollY > breakPoint01) ? `translateY(200px)` : `translateY(0px)`,
},

我最终得到了ref直接操作DOM 的解决方案,以避免波动效应......

const breakPoint00 = 1250
const breakPoint01 = breakPoint00 + 230
const animation01 = ReactDOM.findDOMNode(this.animation01)

if (scrollY > breakPoint00) {
  animation01.style.transform = `translateY(0px)`
} else (scrollY > breakPoint01) {
  animation01.style.transform = `translateY(200px)`
} 

使用第一种解决方案时为什么会这么不稳定？这是在React中进行滚动动画的正确方法吗？