diff --git a/src/lib/components/admin/MarkdownEditor.svelte b/src/lib/components/admin/MarkdownEditor.svelte index 44ee5c7..1c93011 100644 --- a/src/lib/components/admin/MarkdownEditor.svelte +++ b/src/lib/components/admin/MarkdownEditor.svelte @@ -394,6 +394,9 @@ } .md-toolbar { + /* 吸顶:紧贴后台固定顶栏(高度 58px)下方,滚动时保持可见 */ + position: sticky; + top: 58px; display: flex; align-items: center; flex-wrap: wrap; @@ -401,7 +404,11 @@ margin-bottom: 10px; padding: 4px; border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(0, 0, 0, 0.015); + /* 需要用不透明背景,否则滚动内容会从工具条后面透出来 */ + background-color: var(--bg-color, #ffffff); + background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015)); + /* 用阴影填充下方 10px 的间距,避免滚动内容从缝隙中露出 */ + box-shadow: 0 10px 0 var(--bg-color, #ffffff); } .md-btn {