Hexo 导航栏样式微调

themes/Hexo/components/TopNav.js

@@ -27,7 +27,7 @@ const TopNav = (props) => {
     const scrollS = window.scrollY
     const nav = document.querySelector('#sticky-nav')
     const header = document.querySelector('#header')
-    const showNav = (scrollS > 0 && scrollS < windowTop) || (header && scrollS < 5) // 非首页无大图时影藏顶部 滚动条置顶时隐藏
+    const showNav = scrollS <= windowTop || scrollS < 5 || (header && scrollS <= header.clientHeight)// 非首页无大图时影藏顶部 滚动条置顶时隐藏
 
     if (!showNav) {
       nav && nav.classList.replace('top-0', '-top-20')
@@ -41,7 +41,7 @@ const TopNav = (props) => {
   // 监听滚动
   useEffect(() => {
     if (CONFIG_HEXO.NAV_TYPE === 'autoCollapse') {
-      scrollTrigger()
+      // scrollTrigger()
       window.addEventListener('scroll', scrollTrigger)
     }
     return () => {
@@ -100,7 +100,7 @@ const TopNav = (props) => {
         {/* 右侧功能 */}
         <div className='mr-1 justify-end items-center space-x-4 font-serif dark:text-gray-200'>
           <div className='hidden lg:flex'> <MenuButtonGroupTop {...props}/></div>
-          <div onClick={toggleMenuOpen} className='w-8 cursor-pointer flex lg:hidden'>
+          <div onClick={toggleMenuOpen} className='w-8 justify-center items-center h-8 cursor-pointer flex lg:hidden'>
           { isOpen ? <i className='fas fa-times'/> : <i className='fas fa-bars'/> }
           </div>
         </div>