React --> One horizontal scroll bar to handle a multi-div timeline
I'm trying to make a timeline that has multiple rows:
[Group A Div
[Div A Title here]: [Div A with multiple elements inside]
[Div B Title]: [Div B with multiple element inside]
etc.
]
[Group B Div
[Div A Title here]: [Div A with multiple elements inside]
[Div B Title]: [Div B with multiple element inside]
etc.
]
...more groups + nested divs.
---> somewhere at the bottom there should be a scrollbar that basically detects if there is overflow in each of the groups sub-divs and scroll those all at once to the right.
Any thoughts on this design and how its possible?
[Group A Div
[Div A Title here]: [Div A with multiple elements inside]
[Div B Title]: [Div B with multiple element inside]
etc.
]
[Group B Div
[Div A Title here]: [Div A with multiple elements inside]
[Div B Title]: [Div B with multiple element inside]
etc.
]
...more groups + nested divs.
---> somewhere at the bottom there should be a scrollbar that basically detects if there is overflow in each of the groups sub-divs and scroll those all at once to the right.
Any thoughts on this design and how its possible?
