fix(web): 内容区顶部渐隐恢复(content-veil)

- 滚动后用 sticky 遮罩在内容顶端做 32px 渐变,避免卡片/标题被硬切
- 未滚动时 opacity 0,滚动阈值沿用 scrolled 状态(>4px)
- 尊重 reduced-motion
This commit is contained in:
stash
2026-10-29 11:33:00 +08:00
parent 22f7853bdd
commit f456829d16
2 changed files with 26 additions and 0 deletions
+3
View File
@@ -289,6 +289,9 @@ export default function App() {
}
>
<div className="content">
{/* 滚动后淡入的顶部遮罩,避免内容在容器顶边被硬切 */}
<div className={`content-veil${scrolled ? ' is-visible' : ''}`} aria-hidden="true" />
<SearchBar value={keyword} onChange={setKeyword} inputRef={searchRef} />
<h1 className="sr-only">Stash 本地应用工作区</h1>