Community forum for knowledge and support

Updated 2 weeks ago

Center line not animating down on scroll

At a glance

A community member is using the Timeline13 library in their website, but the progress animation for the center line is not working, while the dots are working. They have tried applying a z-index and background color as advised, but it did not make a difference. The issue is resolved when the timeline section is placed on an empty page. Another community member suggests that the issue was caused by an overflow-hidden on a parent div.

Timeline13 - center line not animating down on scroll

Hey all, quick question, I'm using Timeline13 in a website I'm building, however the progress animation for the center line isn't working, only the dots work. I've applied z-index-2 to the section above the timeline section and applied a background colour as advised - this hasn't made any difference. If I put the timeline section onto an empty page it works fine. All thoughts appreciated.

M
C
3 comments

Sorted. Had overflow-hidden on a parent div πŸ‘

Hello @Michele
i have some issues on these Timeline
I havent found any hoverflow-hidden on any parent div

Hi Cora, have a look at your wrappers, like your page wrapper/main wrapper for example, that's where I had overflow hidden - so it wasn't a direct parent div of the timeline section that had overflow hidden, it was the parent div of that parent div if that makes sense. Hope this helps.

Add a reply
Sign up and join the conversation on Slack