# Effect

Now I have added the dynamic table of contents function to my blog details page, the effect is shown in the animation below, the table of contents column on the right can automatically highlight the progress of the current chapter as the page scrolls. This will look more beautiful.

[The video is on YouTube, if you can't watch it, just look at the catalog changes on the right, it's the same]

This is not the code I wrote, I don’t know how to write JS, I let ChatGPT complete this part of the code, I just adjusted the final CSS display effect.

# Dialogue

Because there are many original texts, the ChatGPT output is really stinky and long. So I will share it in this link, if you are interested, you can click to read: Original text of the dialogue

# Epilogue

It can be seen from the conversation that I really don’t know JS at all, even the kind of console output, but this does not affect my desire to realize this function. ChatGPT can do a lot of things, But we must have a pair of hands that are good at using it.