更新

assets/css/joe.global.min.scss

@@ -53,6 +53,12 @@
 	background: var(--background);
 	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
 	transition: top 0.35s;
+	&.active {
+		top: -60px;
+		.joe_header__below {
+			border-top: none;
+		}
+	}
 	&__above {
 		position: relative;
 		z-index: 999;
@@ -289,9 +295,6 @@
 		position: relative;
 		border-top: 1px solid var(--classC);
 		height: 45px;
-		&.active {
-			border-top-color: transparent;
-		}
 		&-class {
 			display: flex;
 			.item {

assets/js/joe.global.js

@@ -522,25 +522,34 @@ document.addEventListener('DOMContentLoaded', () => {
 		}
 	}
 
+	/* 头部滚动 */
 	{
-		const handleHeader = diffY => {
+		if (!window.Joe.IS_MOBILE) {
-			if (window.pageYOffset >= $('.joe_header').height() && diffY <= 0) {
+			let flag = true;
-				$('.joe_header__below').addClass('active');
+			const handleHeader = diffY => {
-				$('.joe_header').css('top', `-${$('.joe_header__above').height()}px`);
+				if (window.pageYOffset >= $('.joe_header').height() && diffY <= 0) {
-				$('.joe_aside .joe_aside__item:last-child').css('top', $('.joe_header').height() - $('.joe_header__above').height() + 15);
+					if (flag) return;
-			} else {
+					$('.joe_header').addClass('active');
-				$('.joe_header__below').removeClass('active');
+					$('.joe_aside .joe_aside__item:last-child').css('top', $('.joe_header').height() - 60 + 15);
-				$('.joe_header').css('top', 0);
+					flag = true;
-				$('.joe_aside .joe_aside__item:last-child').css('top', $('.joe_header').height() + 15);
+				} else {
-			}
+					if (!flag) return;
-		};
+					$('.joe_header').removeClass('active');
-		let Y = window.pageYOffset;
+					$('.joe_aside .joe_aside__item:last-child').css('top', $('.joe_header').height() + 15);
-		handleHeader(Y);
+					flag = false;
-		$(document).on('scroll', function () {
+				}
-			const diffY = Y - window.pageYOffset;
+			};
-			if (window.requestAnimationFrame) requestAnimationFrame(handleHeader.bind(null, diffY));
+			let Y = window.pageYOffset;
-			else handleHeader(diffY);
+			handleHeader(Y);
-			Y = window.pageYOffset;
+			let _last = Date.now();
-		});
+			document.addEventListener('scroll', () => {
+				let _now = Date.now();
+				if (_now - _last > 15) {
+					handleHeader(Y - window.pageYOffset);
+					Y = window.pageYOffset;
+				}
+				_last = _now;
+			});
+		}
 	}
 });