position:fixed; scroll-y
I have a mobile header with
position: fixed; style.
It has a lot of menu items that make the last items hidden/cut-off from the screen.
I want to be able to scrolldown so I can see those hidden items.
overflow-y: scroll; doesn't help.
Do you have a solution for this problem?7 Replies
Can you please put your code into a live sandbox? Like at https://codepen.io
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
@clevermissfox sure, here it is: https://codepen.io/malibiran/pen/wvZKQrj
Please resize your browser size. Thanks!
For this demo, I just added a lot of menu items
you'll need to set a max-height so there is something to scroll
header{max-height: 100svh;} didn't helpyou still need to add overflow-y: auto
Thank you so much, @MarkBoots!