React 如何设置滚动点 onScroll 事件

如何解决React 如何设置滚动点 onScroll 事件

我需要在状态上存储滚动位置。我正在通过以下方式做到这一点。但不知道它是如何不滚动 div 的。

project-a.js

解决方法

您正在呼叫 e.preventDefault。这意味着阻止了默认行为。在这种情况下，滚动。 删除该行，它应该可以工作。

,

这个可以用

componentDidMount() {
    let left_scroll = document.querySelector('.className')
    left_scroll.addEventListener('scroll',this.handleScroll);
   }


handleScroll = (e) => {
    let left_scroll = document.querySelector('.className') 
    if (left_scroll.scrollTop == 0){
        document.getElementById('button_className').classList.remove("hidden")
      }else if(left_scroll.scrollHeight > 800 && left_scroll.scrollTop >= 700){
        document.getElementById('button_className').classList.add("hidden") 
      }
  }

我在这里所做的是，获取那个 div 并尝试根据页面滚动高度显示和隐藏按钮