fix: 左右两栏共用滚动容器,滚动位移保持一致
- 将 Layout body (#page-scroll) 作为唯一滚动容器,左右两栏同容器滚动 - 滚动区域从搜索框下方开始,搜索框固定 - 内容区 overflow visible、侧栏 height auto;返回顶部/路由归零改用 page-scroll - 验证:滚动 300px 后两侧 top 均为 -152,搜索框不动,返回顶部有效
This commit is contained in:
@@ -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} />
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user