如何使用React

Question

我试图在React的滚动条上创建一个固定/粘性标头。

但是我无法创建这些东西。我正在为设计要做的事情提供参考。

（https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sticky_header） 我想在react中实现以下

window.onscroll = function() {myFunction()};

var header = document.getElementById("myHeader");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    header.classList.add("sticky");
  } else {
    header.classList.remove("sticky");
  }
}
```</script>

Answer 1

考虑使用位置css属性。 position: sticky; top:0px;。注意浏览器的可比性。