Browsers scrollbar is under my fixed div

Question

i have a fixed header with 100% width.

#header {
background: #2e2e2e;
width: 100%;
z-index: 999;
position: fixed;
}

browsers scrollbar is u

Answer 1

Had same problem in react app.

Moved overflow-y: scroll style from #root to body selector. It solved issue for me.