Disable parent scrollbar to avoid double scrollbars

Question

I have a parent component that has overflow: 'auto' that I can not disable/change.

The child is an iframe that has its own scrolling, how can I disable the parent srolling from within the child to avoid the double scrollbars?

MaZoli · Accepted Answer · 2020-07-29 09:06:04Z

2

Set the parent to

overflow: hidden;

You can do that with a dynamic css-class that you add with javascript whenever the iframe is present.

answered Jul 29, 2020 at 9:06

MaZoli

1,5531 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

If you can't change the parents css and javascript you will have a problem.