juluo/fuwari
1
0
Fork 0
mirror of https://github.com/afoim/fuwari.git synced 2026-01-31 09:03:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix #159 (布局): 修复页面滚动控制元素引用刷新问题

Browse Source 
在页面切换后，滚动控制相关的DOM元素引用未及时更新，导致滚动功能失效。添加refreshControlRefs函数在每次滚动检查前刷新引用，并确保页面加载完成后立即执行一次滚动检查。
This commit is contained in:
二叉树树
2026-01-27 23:28:53 +08:00
parent 3a9b9e9730
commit 6e23439359
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/layouts/Layout.astro
View File

@@ -503,6 +503,7 @@ const setup = () => {
if (heightExtend) { if (heightExtend) {
heightExtend.classList.remove('hidden') heightExtend.classList.remove('hidden')
} }
scrollFunction()
}); });
window.swup.hooks.on('visit:end', (_visit: {to: {url: string}}) => { window.swup.hooks.on('visit:end', (_visit: {to: {url: string}}) => {
setTimeout(() => { setTimeout(() => {
@@ -529,7 +530,14 @@ let backToTopBtn = document.getElementById('back-to-top-btn');
let goToCommentsBtn = document.getElementById('go-to-comments-btn'); let goToCommentsBtn = document.getElementById('go-to-comments-btn');
let toc = document.getElementById('toc-wrapper'); let toc = document.getElementById('toc-wrapper');
let navbar = document.getElementById('navbar-wrapper') let navbar = document.getElementById('navbar-wrapper')
function refreshControlRefs() {
backToTopBtn = document.getElementById('back-to-top-btn');
goToCommentsBtn = document.getElementById('go-to-comments-btn');
toc = document.getElementById('toc-wrapper');
navbar = document.getElementById('navbar-wrapper')
}
function scrollFunction() { function scrollFunction() {
refreshControlRefs()
let bannerHeight = window.innerHeight * (BANNER_HEIGHT / 100) let bannerHeight = window.innerHeight * (BANNER_HEIGHT / 100)
if (backToTopBtn) { if (backToTopBtn) {
@@ -576,6 +584,11 @@ function scrollFunction() {
} }
} }
window.onscroll = scrollFunction window.onscroll = scrollFunction
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', scrollFunction)
} else {
scrollFunction()
}
window.onresize = () => { window.onresize = () => {
// calculate the --banner-height-extend, which needs to be a multiple of 4 to avoid blurry text // calculate the --banner-height-extend, which needs to be a multiple of 4 to avoid blurry text