【问题标题】:scroll eventlistener is interupting the scrolling event it triggers滚动事件侦听器正在中断触发器中的滚动事件
【发布时间】:2022-01-28 01:46:56
【问题描述】:

我有一个触发自动滚动事件的事件监听器。然而,自动滚动再次触发事件监听器,这会扰乱过渡。自动滚动发生时如何暂时禁用侦听器?这是听众:

    useEffect(() => {
        window.addEventListener("scroll", () => {
            scroll.scrollToBottom();//animated scroll to bottom of page
          });
    }, [])

【问题讨论】:

    标签: reactjs addeventlistener use-effect


    【解决方案1】:

    尝试创建和删除事件监听器:

    const scrollToMainContent = () => {
            window.removeEventListener('scroll', scrollToMainContent);
            scroll.scrollToBottom();
    }
    useEffect(() => {
            window.addEventListener("scroll", scrollToMainContent);
    }, [])
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-09-06
      • 1970-01-01
      • 2017-06-18
      • 1970-01-01
      • 2012-09-13
      • 2019-11-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多