Есть ли способ узнать, на каком я столе, когда я прокручиваю на конкретном столе?

Question

Я создал сайт реакции, где я поместил 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 для каждой пары таблица / заголовок.

В вашем обработчике событий вы бы стилизовали заголовок на основе значения table.scrollY, где table является одним из ваших table-scroll элементов.