Fix full menu modal scroll behavior
- Remove overflow-y scroll from .full-menu-modal to prevent entire modal from scrolling - Add overflow-y: hidden to header, top-nav, keywords sections to block vertical scroll - Ensure only .full-menu-list area is scrollable - Fix issue where menu content was scrolling through header area 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -13,10 +13,7 @@ main {
|
||||
background: #fff;
|
||||
z-index: 1010;
|
||||
display: unset;
|
||||
/* overflow-y: auto; */
|
||||
overflow-y: scroll;
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tab-content{
|
||||
overflow-y: unset;
|
||||
@@ -93,6 +90,8 @@ main.home-main{
|
||||
}
|
||||
.full-menu-container{
|
||||
padding-top: 50px;
|
||||
overflow-y: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.full-menu-header{
|
||||
position: fixed;
|
||||
@@ -100,6 +99,7 @@ main.home-main{
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
top: env(safe-area-inset-top);
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.full-menu-top-nav{
|
||||
position: fixed;
|
||||
@@ -108,6 +108,7 @@ main.home-main{
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
height: 116px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.full-menu-keywords-wrap{
|
||||
position: fixed;
|
||||
@@ -116,9 +117,11 @@ main.home-main{
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
padding: 1rem 1.625rem;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.full-menu-keywords{
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.full-menu-list{
|
||||
|
||||
Reference in New Issue
Block a user