From fe064b68ee31a8b066fd3fe8dc65fe6e834a1578 Mon Sep 17 00:00:00 2001 From: ruchika kengal Date: Tue, 7 Jan 2025 12:03:00 +0530 Subject: [PATCH] Fixed Top Scroll across all pages --- countingpage.html | 49 +++++++++++++++++++++++- index.html | 96 ++++++++++++++++++++++------------------------- styles.css | 24 +++++++++++- 3 files changed, 115 insertions(+), 54 deletions(-) diff --git a/countingpage.html b/countingpage.html index 77fd4f2..bfe8ddd 100644 --- a/countingpage.html +++ b/countingpage.html @@ -128,6 +128,27 @@ .card[for="c10"]{ background-image: url(FOUR.png); } + #scrollBtn { + position: fixed; + bottom: 30px; /* Place closer to the bottom */ + right: 30px; /* Place closer to the right */ + display: none; /* Initially hidden */ + background-color: #0d3cb4; + color: white; + border: none; + border-radius: 50%; + padding: 15px; + font-size: 18px; + cursor: pointer; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + z-index: 1000; /* Ensure visibility above other elements */ + transition: background-color 0.3s ease, transform 0.3s ease; +} + +#scrollBtn:hover { + background-color: #000; /* Change color on hover */ + transform: scale(1.2); /* Slightly enlarge */ +} @@ -250,7 +271,10 @@ -