@@ -819,6 +845,23 @@
Subscription Successful!
}); })(); + //js for go top button +const goTopBtn = document.querySelector('.go-top-btn'); + window.addEventListener('scroll', checkHeight) + function checkHeight() { + if (window.scrollY > 200) { + goTopBtn.style.display = "flex" + } else { + goTopBtn.style.display = "none" + } + } + goTopBtn.addEventListener('click', () => { + window.scrollTo({ + top: 0, + behavior: "smooth" + }) + }) + diff --git a/arrow_upper.png b/arrow_upper.png new file mode 100644 index 0000000..3ca22f2 Binary files /dev/null and b/arrow_upper.png differ diff --git a/contributors.css b/contributors.css index 03b04e5..2c5f493 100644 --- a/contributors.css +++ b/contributors.css @@ -330,4 +330,25 @@ footer { .footer-info { text-align: left; } +} +.go-top-btn { + position: fixed; + bottom: 35px; + right: 35px; + cursor: pointer; + border-radius: 50%; + height: 50px; + width: 50px; + background: #000000; + border: none; + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; +} +.go-top-btn:hover { + background-color: #000000; + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); + transform: translateY(-2px); } \ No newline at end of file diff --git a/contributors.html b/contributors.html index 716ac63..20407fa 100644 --- a/contributors.html +++ b/contributors.html @@ -44,6 +44,11 @@ + + +
@@ -194,6 +199,23 @@
}
}
});
+ //js for go top button
+const goTopBtn = document.querySelector('.go-top-btn');
+ window.addEventListener('scroll', checkHeight)
+ function checkHeight() {
+ if (window.scrollY > 200) {
+ goTopBtn.style.display = "flex"
+ } else {
+ goTopBtn.style.display = "none"
+ }
+ }
+ goTopBtn.addEventListener('click', () => {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth"
+ })
+ })
+
diff --git a/return-policy.html b/return-policy.html
index c495225..36fe273 100644
--- a/return-policy.html
+++ b/return-policy.html
@@ -77,9 +77,35 @@
.return-policy-thanks a:hover {
color: #333;
}
+
+ .go-top-btn {
+ position: fixed;
+ bottom: 35px;
+ right: 35px;
+ cursor: pointer;
+ border-radius: 50%;
+ height: 50px;
+ width: 50px;
+ background: #000000;
+ border: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 1000;
+ transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
+}
+.go-top-btn:hover {
+ background-color: #000000;
+ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
+ transform: translateY(-2px);
+}
+
+
@@ -363,6 +389,24 @@
@@ -363,6 +389,24 @@ Subscription Successful!
document.getElementById("cart-icon").addEventListener("click", function() { window.location.href = "cart.html"; }); + + //js for go top button + const goTopBtn = document.querySelector('.go-top-btn'); + window.addEventListener('scroll', checkHeight) + function checkHeight() { + if (window.scrollY > 200) { + goTopBtn.style.display = "flex" + } else { + goTopBtn.style.display = "none" + } + } + goTopBtn.addEventListener('click', () => { + window.scrollTo({ + top: 0, + behavior: "smooth" + }) + }) + diff --git a/shopclothing.html b/shopclothing.html index 41ceebd..3f905e4 100644 --- a/shopclothing.html +++ b/shopclothing.html @@ -296,12 +296,35 @@ transition: width 0.09s ease-in-out; /* border-radius: 10px; */ } - +.go-top-btn { + position: fixed; + bottom: 35px; + right: 35px; + cursor: pointer; + border-radius: 50%; + height: 50px; + width: 50px; + background: #000000; + border: none; + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; +} +.go-top-btn:hover { + background-color: #000000; + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); + transform: translateY(-2px); +} - + +
@@ -857,6 +880,24 @@
@@ -863,6 +888,24 @@
@@ -226,6 +251,24 @@
H&M Blazzer set
filterclothings(); }); }); + + //js for go top button +const goTopBtn = document.querySelector('.go-top-btn'); + window.addEventListener('scroll', checkHeight) + function checkHeight() { + if (window.scrollY > 200) { + goTopBtn.style.display = "flex" + } else { + goTopBtn.style.display = "none" + } + } + goTopBtn.addEventListener('click', () => { + window.scrollTo({ + top: 0, + behavior: "smooth" + }) + }) + diff --git a/sneaker.html b/sneaker.html index e0d3801..2dab51f 100644 --- a/sneaker.html +++ b/sneaker.html @@ -295,11 +295,36 @@ transition: width 0.09s ease-in-out; /* border-radius: 10px; */ } - +.go-top-btn { + position: fixed; + bottom: 35px; + right: 35px; + cursor: pointer; + border-radius: 50%; + height: 50px; + width: 50px; + background: #000000; + border: none; + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; +} +.go-top-btn:hover { + background-color: #000000; + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); + transform: translateY(-2px); +} + + +Merrell Trail
document.getElementById("cart-icon").addEventListener("click", function() { window.location.href = "cart.html"; }); + + //js for go top button + const goTopBtn = document.querySelector('.go-top-btn'); + window.addEventListener('scroll', checkHeight) + function checkHeight() { + if (window.scrollY > 200) { + goTopBtn.style.display = "flex" + } else { + goTopBtn.style.display = "none" + } + } + goTopBtn.addEventListener('click', () => { + window.scrollTo({ + top: 0, + behavior: "smooth" + }) + }) + diff --git a/terms-conditions.html b/terms-conditions.html index 5a1c8d1..ed31b37 100644 --- a/terms-conditions.html +++ b/terms-conditions.html @@ -34,12 +34,37 @@ transition: width 0.09s ease-in-out; /* border-radius: 10px; */ } - +.go-top-btn { + position: fixed; + bottom: 35px; + right: 35px; + cursor: pointer; + border-radius: 50%; + height: 50px; + width: 50px; + background: #000000; + border: none; + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; +} +.go-top-btn:hover { + background-color: #000000; + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); + transform: translateY(-2px); +} + + +
@@ -226,6 +251,24 @@