html - 当我在特定表格上滚动时，有什么方法可以找出我在哪个表格上？

Question

我建立了一个 React 网站，我在其中放置了 7 个表格，每个表格都有一个滚动条。我想要做的是当我在下面的表格滚动条上滚动时，将下图中的日期变成另一种颜色。这是我的网站图片和表格:

还有我的代码:

private imageShow(movieList:MovieData[])
    {
    return <div id="table-scroll">
    <table > 
        <tbody>
          <tr> <td>   
          {movieList.map(movie =>
          <div>
          <button className ='search-button'> {movie.name} </button>
          <button className ='image-padding'> <img src={"data:image/jpeg;base64," + movie.image} /> </button>
          </div>
          )}
          </td> </tr>
        </tbody>
    </table>
  </div>

}

private scrollBar(movieList: MovieData[])
{

    let imageShow = this.imageShow(movieList);
    return <div>
    <div id="table-wrapper">
    {imageShow}
    {imageShow}
    {imageShow}
    {imageShow}
    {imageShow}
    {imageShow}
    {imageShow}
    </div>
  </div>
}

Answer 1

您可以为 scroll event 设置一个监听器对于每个表/标题对。

在您的事件处理程序中，您可以根据 table.scrollY 的值设置标题样式。 , 其中table是你的 table-scroll 之一元素。