cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-10-25 21:43:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix header

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-09-17 18:59:45 +08:00
parent a27d2e663c
commit b03cf9238e
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/MarkdownPostLayout.astro
View file

@ -186,6 +186,12 @@ const publishedDate = new Intl.DateTimeFormat(
const content = document.querySelector<HTMLElement>(".post-content"); const content = document.querySelector<HTMLElement>(".post-content");
if (!bar || !content) return; if (!bar || !content) return;
// Keep the fixed progress bar outside Astro's animated page container.
// Otherwise the header's transformed compositor layer can paint above it.
if (bar.parentElement !== document.body) {
document.body.appendChild(bar);
}
const updateProgress = () => { const updateProgress = () => {
const contentTop = content.getBoundingClientRect().top + window.scrollY; const contentTop = content.getBoundingClientRect().top + window.scrollY;
const readableDistance = Math.max( const readableDistance = Math.max(