单击并滚动以更改文本和图像/视频

I'm just a novice. I know some html, but I have no idea how to do the following: there is an html page, it has a section or div with 3 columns (1st column - text, 2nd - video, in the 3rd column there are 4 links). When the user scrolls to this section, I need the page to stop (I would like to but not necessarily), and while the person scrolls, it should change the text in the 1st column and the video in the 2nd(both same time) . And also the user should be able to scroll through these videos&text by clicking on the links in the 3rd column. How it is done here:fleet-app It's written in React, so I can't to spy the solution. I found this solution Javascript - change image and text on select, but I can't figure out how to apply it in my situation. Is it possible to do this with Javascript or CSS or something else? Please don't scold me too much - I'm just learning:)

评论