Menu double linkage effect in uniapp

uniapp in Menu double linkage effect , Just click the directory on the left , Scroll to the corresponding article position on the right , And the highlight flashes three times .
design sketch ：

When doing this , Jump first , The first thing that came to my mind html Anchor links in , use id, But the content is circular , Can't be used directly link Write , Then I started a big wave of Baidu , At this time, it is particularly important to search for keywords , I've been searching for anchor links to jump to the corresponding list , For a long time , All of them are listening for scrolling events , If there is less content , Can , But put it here , Obviously not very good . Then I was confused , Start asking people , He told me that the mall list would use this , It woke me up at once , I began to search for key words for menu double linkage , Sure enough , The first article is ok 了
Namely Monitor the scrolling of the whole page , then clikc event , Associated with the directory and content on the left index, Here is the code I changed





Next is the blinking effect , At first I thought about using a timer , But after clicking jump, you need to find the one that changes color dom Elements , I'm not very good at getting , It occurred to me that his subscript was used in the jump , Then this flicker can also , Judge by subscript change change , Add dynamic class name . Just write an animation . Here is the code ：