我需要在react中基本上重写这个codepen。 https://codepen.io/lili2311/pen/dJjuL
function resizeHeaderOnScroll() {
const distanceY = window.pageYOffset ||
document.documentElement.scrollTop,
shrinkOn = 200,
headerEl = document.getElementById('js-header');
if (distanceY > shrinkOn) {
headerEl.classList.add("smaller");
} else {
headerEl.classList.remove("smaller");
}
}
window.addEventListener('scroll', resizeHeaderOnScroll);