ae69533a35
- Created a new devcontainer.json file for an Alpine-based development environment. - Added a Dependabot configuration file to automate dependency updates for devcontainers.
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
const stickystickyHeader = () => {
|
|
const header = document.querySelector("header");
|
|
const stickyHeader = header?.querySelector(".sticky-header");
|
|
|
|
if (stickyHeader) {
|
|
window.addEventListener("scroll", () => {
|
|
const stickyHeaderHeight = stickyHeader.offsetHeight;
|
|
const scrollCount = window.scrollY;
|
|
|
|
// if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
|
|
|
|
// }
|
|
if (scrollCount < 300) {
|
|
if (scrollCount > 200) {
|
|
stickyHeader.setAttribute(
|
|
"style",
|
|
`position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
|
|
`
|
|
);
|
|
stickyHeader.classList.remove("active");
|
|
} else {
|
|
stickyHeader.removeAttribute("style");
|
|
stickyHeader.classList.remove("active");
|
|
}
|
|
}
|
|
if (scrollCount > 300) {
|
|
stickyHeader.setAttribute(
|
|
"style",
|
|
" position: fixed;top: 0px; left:0;right:0 "
|
|
);
|
|
stickyHeader.classList.add("active");
|
|
}
|
|
});
|
|
}
|
|
};
|