当此div位于顶部时，在另一个div的滚动上显示div

Question

我有两个列表，一个带有更多div文本，另一个带有更多div图像，每个文本与特定图片匹配。它们与数据属性链接。

我想要的是 - 滚动时，它会显示与文本对应的图像（具有相同的数据属性）。它必须每次都改变滚动顶部div的文本。我想在Jquery或Js中这样做。

<ul id="mylist" class="mylist">
    <li data-myId="465" class="mydiv">
        <h2>My tittle</h2>
        <p>texte></p>
    </li>
    <li data-myId="466" class="mydiv">
        <h2>My tittle</h2>
        <p>texte</p>
    </li>
</ul>
<ul id="mylist" class=« mylist ">
    <li data-myId="465 "  class="news-work ">
    <img>
    </li>
    <ul id="mylist " class=« mylist">
    <li data-myId="465" class="news-work">
        <img>
    </li>
</ul>