'移动端' : 'PC端', 'Header高度:', headerHeight, '设置padding:', paddingValue);
}
// 滚动处理函数
function handleScroll() {
// 如果是移动端，header固定不动
if (isMobile) {
$header.css('transform', 'translateY(0)');
return;
}
const currentScrollTop = $(window).scrollTop();
const headerHeight = $header.outerHeight();
const hideHeight = headerHeight / 5; // 隐藏1/5高度
// PC端：判断滚动方向
if (currentScrollTop > lastScrollTop && currentScrollTop > 50) {
// 向下滚动：隐藏1/5高度
$header.css('transform', `translateY(-${hideHeight}px)`);
} else {
// 向上滚动：回到原位
$header.css('transform', 'translateY(0)');
}
lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop;
}
// 初始设置
setBodyPadding();
// 页面加载后设置
$(window).on('load', function() {
setTimeout(setBodyPadding, 100);
setTimeout(setBodyPadding, 500);
});
// 窗口大小改变时重新计算
$(window).on('resize', function() {
setTimeout(function() {
setBodyPadding();
// 重置滚动位置
lastScrollTop = $(window).scrollTop();
// 重新判断设备类型
isMobile = $(window).width() <= 768;
// 重置transform
if (isMobile) {
$header.css('transform', 'translateY(0)');
}
}, 150);
});
// 监听滚动事件
let ticking = false;
$(window).on('scroll', function() {
if (!ticking) {
window.requestAnimationFrame(function() {
handleScroll();
ticking = false;
});
ticking = true;
}
});
// 初始滚动状态
handleScroll();
// 调试信息
$(window).on('load', function() {
console.log('初始化完成：', isMobile ? '移动端模式' : 'PC端模式');
console.log('窗口宽度:', $(window).width(), 'Header高度:', $header.outerHeight());
});
});
客服 582390816