Fixed Down Button Positioning

PrityanshuSingh · Oct 19, 2024 · 2b84568 · 2b84568
1 parent 5da21ca
commit 2b84568
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -43,6 +43,21 @@
   }
 
 
+  .scroll-btn{
+    position: fixed;
+    right: 120px;
+    top: 475px;
+    z-index: 9999;
+    color: white;
+    border: none;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    font-size: 20px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+
   .circle {
     position: absolute;
     width: 25px;

diff --git a/index.html b/index.html
@@ -77,9 +77,6 @@
 
 <body>
   <div id="progressBar"></div>
-  <button id="scrollBtn" class="scroll-btn" onclick="scrollToNextSection()">
-    ↓
-  </button>
   <script>
     window.onscroll = function () {
       var winScroll = document.body.scrollTop || document.documentElement.scrollTop;