fix: 左右两栏共用滚动容器,滚动位移保持一致

- 将 Layout body (#page-scroll) 作为唯一滚动容器,左右两栏同容器滚动
- 滚动区域从搜索框下方开始,搜索框固定
- 内容区 overflow visible、侧栏 height auto;返回顶部/路由归零改用 page-scroll
- 验证:滚动 300px 后两侧 top 均为 -152,搜索框不动,返回顶部有效
This commit is contained in:
2026-10-31 15:40:08 +08:00
parent 57ab90a1fa
commit 54fd0edf84
4 changed files with 54 additions and 42 deletions
@@ -6,8 +6,11 @@ import { ScrollTop } from '@stash/ui'
type BackToTopProps = {
/** 页面是否已滚动(由 App 传入) */
visible: boolean
/** 滚动容器 id,默认旧版内容区 */
targetId?: string
}
export function BackToTop({ visible }: BackToTopProps) {
return <ScrollTop visible={visible} targetId="content-scroll" offset={30} />
export function BackToTop({ visible, targetId = 'content-scroll' }: BackToTopProps) {
return <ScrollTop visible={visible} targetId={targetId} offset={30} />
}