3 months ago

Fixed div scrollbar under browser scrollbar fix

Posted 3 months ago by Gabotronix

Hi everybody, in my web app I want to have a fixed div modal wich ocuupies the whole screen, however this modal's scrollbar is not visible, instead only the body scrollbar is visible, I assume my fixed dic scrollbar is right behind the body scrollbar, this makes it so I can only use arrow keys to navigate down while seeing the body scrollbar instead of fixed modla scrollbar...

.fixed_div{width:100vw; height:100vh; background-color:rgb(240,240,240); overflow-y:scroll !important; overflow-x:hidden; display:flex; flex-direction:column; position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:99999999999999999999999999999999999999999999999999999999999999999999 !important;}

.body{margin:0px 0px 0px 0px; background-color:white; position:relative; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}

Please sign in or create an account to participate in this conversation.