滚动 div 监听器

问题描述

我有一个可垂直滚动的 div，其中 n 个图像被映射到每个带有反馈按钮（有用）或（无用）。

喜欢

<div className="scrollable__div" id="scrollable__div">
        {sliderImages.map((sliderImg) => (
          <>
            <img src={sliderImg} alt="" />
            <div className="btnsSection">
              <Button
                onClick={SliderYesClicked}
                className="greenBtn"
                id="section2__yesBtn"
              >
                Yes
              </Button>
              <Button
                onClick={SliderNoClicked}
                className="redBtn"
                id="section2__noBtn"
              >
                No
              </Button>
            </div>
          </>
        ))}
      </div>

当这个 div 滚动到特定距离时，我想要调用一个特定的函数。例子

element.addEventListener('scroll',callback)

这行得通，但我想要对滚动进行定量聆听。就像当div的水平滚动大于x时，然后调用它。

可能是

    if (scrollableDiv.scrollY >= 100){
   console.log(''Scrolled 100px)
}

这可能吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）