Enable scrolling in a component when body overflow is hidden (angular 8)

Question

I have set overflow: hidden for my body to keep the contents only inside the viewport and to disable scrolling. Body height is fixed. But I have a component which should have the ability to scroll horizontally. Since I have hidden overflow in body, now I can't enable scrolling in that component.

Any solution?

mahmoudafer · Accepted Answer · 2019-09-29 18:20:06Z

4

Add this to your component style:

height: 100vh;
overflow: auto;

edited Sep 29, 2019 at 18:20

mahmoudafer

1,1823 gold badges14 silver badges30 bronze badges

answered Sep 29, 2019 at 17:20

tano

2,8271 gold badge18 silver badges17 bronze badges

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

Comments

THess · Accepted Answer · 2020-02-13 15:27:53Z

0

You can add in style-sheet:

overflow-x:auto;

edited Feb 13, 2020 at 15:27

THess

1,0071 gold badge15 silver badges21 bronze badges

answered Feb 13, 2020 at 13:58

Saurav Bisht

214 bronze badges

Collectives™ on Stack Overflow

Enable scrolling in a component when body overflow is hidden (angular 8)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related