- 顶部时完全透明 - 滚动 >10px 后渐变为半透明毛玻璃 (0.75 透明度 + blur) - CSS transition 平滑过渡
This commit is contained in:
@@ -126,6 +126,16 @@ $(function () {
|
||||
location.href = url;
|
||||
};
|
||||
function initHeader() {
|
||||
// 滚动时导航栏变半透明毛玻璃
|
||||
var navShadow = document.querySelector('.nav-shadow');
|
||||
window.addEventListener('scroll', function () {
|
||||
if (window.scrollY > 10) {
|
||||
navShadow.classList.add('scrolled');
|
||||
} else {
|
||||
navShadow.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
|
||||
let showIndex = 0;
|
||||
let hoverTimer = null;
|
||||
let leaveTimer = null;
|
||||
|
||||
Reference in New Issue
Block a user