From 3afbe0f8ee3196c8ca9da05108bcdc6250d30443 Mon Sep 17 00:00:00 2001 From: tangly1024 Date: Thu, 31 Mar 2022 17:55:08 +0800 Subject: [PATCH] =?UTF-8?q?Hexo:=20=E5=AF=BC=E8=88=AA=E8=8F=9C=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- themes/hexo/components/HeaderArticle.js | 3 ++- themes/hexo/components/TopNav.js | 10 +++------- themes/hexo/config_hexo.js | 1 - 3 files changed, 5 insertions(+), 9 deletions(-) diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js index 3a470394..23ebdaf0 100644 --- a/themes/hexo/components/HeaderArticle.js +++ b/themes/hexo/components/HeaderArticle.js @@ -37,7 +37,8 @@ export default function HeaderArticle ({ post, siteInfo }) { const updateTopNav = () => { if (!isDarkMode) { const stickyNavElement = document.getElementById('sticky-nav') - if (window.scrollY < window.innerHeight) { + const header = document.querySelector('#header') + if (window.scrollY < header.clientHeight) { stickyNavElement?.classList?.add('dark') } else { stickyNavElement?.classList?.remove('dark') diff --git a/themes/hexo/components/TopNav.js b/themes/hexo/components/TopNav.js index 1455ef8e..09fac7f0 100644 --- a/themes/hexo/components/TopNav.js +++ b/themes/hexo/components/TopNav.js @@ -7,7 +7,6 @@ import Collapse from './Collapse' import Logo from './Logo' import SearchDrawer from './SearchDrawer' import TagGroups from './TagGroups' -import CONFIG_HEXO from '../config_hexo' import MenuButtonGroupTop from './MenuButtonGroupTop' import MenuList from './MenuList' @@ -40,12 +39,9 @@ const TopNav = props => { // 监听滚动 useEffect(() => { - if (CONFIG_HEXO.NAV_TYPE === 'autoCollapse') { - // scrollTrigger() - window.addEventListener('scroll', scrollTrigger) - } + window.addEventListener('scroll', scrollTrigger) return () => { - CONFIG_HEXO.NAV_TYPE === 'autoCollapse' && window.removeEventListener('scroll', scrollTrigger) + window.removeEventListener('scroll', scrollTrigger) } }, []) @@ -91,7 +87,7 @@ const TopNav = props => { {/* 导航栏 */} -