取消导航栏悬浮效果
This commit is contained in:
@@ -7,9 +7,6 @@
|
||||
}
|
||||
|
||||
.site-header {
|
||||
position: sticky;
|
||||
top: 16px;
|
||||
z-index: 20;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
gap: 26px;
|
||||
@@ -101,7 +98,6 @@
|
||||
}
|
||||
|
||||
.site-header {
|
||||
top: 10px;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,15 +1,5 @@
|
||||
const year = document.querySelector("#year");
|
||||
const header = document.querySelector("[data-header]");
|
||||
|
||||
if (year) {
|
||||
year.textContent = new Date().getFullYear();
|
||||
}
|
||||
|
||||
if (header) {
|
||||
const updateHeader = () => {
|
||||
header.classList.toggle("is-scrolled", window.scrollY > 8);
|
||||
};
|
||||
|
||||
updateHeader();
|
||||
window.addEventListener("scroll", updateHeader, { passive: true });
|
||||
}
|
||||
|
||||
+1
-1
@@ -11,7 +11,7 @@
|
||||
<link rel="stylesheet" href="assets/css/components.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header" data-header>
|
||||
<header class="site-header">
|
||||
<a class="brand" href="#" aria-label="sumi.work 首页">
|
||||
<span class="brand-mark" aria-hidden="true">S</span>
|
||||
<span>sumi.work</span>
|
||||
|
||||
Reference in New Issue
Block a user