leemuzi/real-time-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：移动端标题栏吸附效果

Browse Source
This commit is contained in:
hzm
2026-03-07 21:08:40 +08:00
parent 24eb21fd29
commit 1f3c0bbbc9
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/globals.css
View File

@@ -93,7 +93,7 @@
html, html,
body { body {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: clip;
} }
body { body {
@@ -784,7 +784,7 @@ body::before {
@media (max-width: 640px) { @media (max-width: 640px) {
.content { .content {
padding-top: 140px; padding-top: 140px;
overflow-x: hidden; overflow-x: clip;
} }
.navbar { .navbar {
@@ -950,7 +950,7 @@ input[type="number"] {
padding: 12px; padding: 12px;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow-x: clip;
} }
.grid { .grid {

2
app/page.jsx
View File

@@ -3957,7 +3957,7 @@ export default function HomePage() {
<div className="grid"> <div className="grid">
<div className="col-12"> <div className="col-12">
<div ref={filterBarRef} className="filter-bar" style={{ top: isMobile ? undefined : navbarHeight , marginTop: navbarHeight, marginBottom: 8, display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 12 }}> <div ref={filterBarRef} className="filter-bar" style={{ ...(isMobile ? {} : { top: navbarHeight }), marginTop: navbarHeight, marginBottom: 8, display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 12 }}>
<div className="tabs-container"> <div className="tabs-container">
<div <div
className="tabs-scroll-area" className="tabs-scroll-area"