How to make d-flex items scrollable and focusable in react?

Asked Jul 21 '20 at 13:48

Active Jul 21 '20 at 13:52

Viewed 76 times

Hi I would like to ask about some help. I have Gallery with buttons and images. It just work fine but have some issues...

I don't know how I should make bar with images bellow selected images scrollable to see all images from start to end.
This bar should after every button click focus current image in bottom bar.

That means if I focus f.e 5th image it should move scrollbar to position to be able to see that image on bottom.

How can I achieve that please? Thx for help.

// For some reason i have to open it in anonym. window mode, otherside it won't load view

Preveiw:

I tried put class overflow-auto on bar with image previews but it wasn't good

edited Jul 21 '20 at 13:52

asked Jul 21 '20 at 13:48

Young L.

I put my sandbox list on my post – Young L. Jul 21 '20 at 13:52
1

https://stackoverflow.com/questions/635706/how-to-scroll-to-an-element-inside-a-div Can you please try this solution? And tell us if it works. – Thiago Souza Jul 21 '20 at 15:03
1

Yes it helps a lot. Thx – Young L. Jul 21 '20 at 17:19
Please tell us if it works for you, so we can provide the answer and leave it here. – Thiago Souza Jul 21 '20 at 19:56

0 Answers0