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;
|
background: #fff;
|
||||||
z-index: 1010;
|
z-index: 1010;
|
||||||
display: unset;
|
display: unset;
|
||||||
/* overflow-y: auto; */
|
overflow: hidden;
|
||||||
overflow-y: scroll;
|
|
||||||
-ms-overflow-style: none;
|
|
||||||
scrollbar-width: none;
|
|
||||||
}
|
}
|
||||||
.tab-content{
|
.tab-content{
|
||||||
overflow-y: unset;
|
overflow-y: unset;
|
||||||
@@ -93,6 +90,8 @@ main.home-main{
|
|||||||
}
|
}
|
||||||
.full-menu-container{
|
.full-menu-container{
|
||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
|
overflow-y: hidden;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
.full-menu-header{
|
.full-menu-header{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -100,6 +99,7 @@ main.home-main{
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
top: env(safe-area-inset-top);
|
top: env(safe-area-inset-top);
|
||||||
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
.full-menu-top-nav{
|
.full-menu-top-nav{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -108,6 +108,7 @@ main.home-main{
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
height: 116px;
|
height: 116px;
|
||||||
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
.full-menu-keywords-wrap{
|
.full-menu-keywords-wrap{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -116,9 +117,11 @@ main.home-main{
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding: 1rem 1.625rem;
|
padding: 1rem 1.625rem;
|
||||||
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
.full-menu-keywords{
|
.full-menu-keywords{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.full-menu-list{
|
.full-menu-list{
|
||||||
|
|||||||
Reference in New Issue
Block a user