javascript - 水平滚动时如何检查用户是否到达了div的末尾？

Question

我有一个呈现以下模式的组件。该模式在一个水平 alt div 中呈现用户列表，一次 10 个。我试图弄清楚 div 何时结束：

 <Modal isSmall={false}>
        <div>
        <h4>All Users</h4>
        <div style={{ display: "flex", flexDirection: "column" }}>
          <input
            type="text"
            placeholder="Search"
          ></input>
          <div     //this div scrolls horizontally, I'm trying to find when it has reached its end
            className="scroll"
            style={{
              display: "flex",
              alignItems: "flex-start",
              width: "500px",
              overflow: "scroll",
            }}
          >
          </div>
        </div>
      </div>
     </Modal>

任何帮助都感激不尽。

我也试过这个答案：https ://stackoverflow.com/a/49573628/15358224

但它似乎没有检测到底部，一旦我开始滚动控制台日志

标签： javascriptreactjsscroll