Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

✨feature: Refactor footer layout and styles for improved design consistency
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-06-06 22:55:32 -05:00
parent df0a499630
commit d3e879c439
9 changed files with 168 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/components/backToTop.js
+11 -13
View File
@@ -2,23 +2,21 @@
class BackToTopButton extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<button id="backToTopBtn" aria-label="Back to top" class="back-to-top" style="">
↑ Top
</button>
<button id="backToTopBtn" aria-label="Back to top" class="back-to-top" style=""><i class="icon-arrow-upward"></i></button>
`;
const btn = this.querySelector('#backToTopBtn');
let previousScrollY = window.scrollY;
// let previousScrollY = window.scrollY;
window.addEventListener('scroll', () => {
const currentScrollY = window.scrollY;
const isScrollingUp = currentScrollY < previousScrollY;
const shouldShowButton = currentScrollY > 300 && isScrollingUp;
// window.addEventListener('scroll', () => {
// const currentScrollY = window.scrollY;
// const isScrollingUp = currentScrollY < previousScrollY;
// const shouldShowButton = currentScrollY > 300 && isScrollingUp;
btn.style.display = shouldShowButton ? 'block' : 'none';
previousScrollY = currentScrollY;
});
// btn.style.display = shouldShowButton ? 'block' : 'none';
// previousScrollY = currentScrollY;
// });
btn.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
@@ -27,7 +25,7 @@ class BackToTopButton extends HTMLElement {
}
export function registerBackToTopButton() {
if (!customElements.get('back-to-top')) {
customElements.define('back-to-top', BackToTopButton);
if (!customElements.get('x-back-to-top')) {
customElements.define('x-back-to-top', BackToTopButton);
}
}