Fixed Duplicate Scroll Button Issue in Safari Browser

asyncapi · Nov 13, 2024 · 81acc9f · 81acc9f
1 parent 6f15381
commit 81acc9f
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/components/buttons/ScrollButton.tsx b/components/buttons/ScrollButton.tsx
@@ -27,11 +27,12 @@ function ScrollButton() {
 
   return (
     <div className='fixed bottom-14 right-4 z-40 h-16 w-12'>
-      {backToTopButton && (
-        <button className='rounded-full bg-white shadow-md ' onClick={scrollUp}>
-          <img src={scrollImage} alt='scroll to top' />
-        </button>
-      )}
+      <button
+        className={`rounded-full bg-white shadow-md  ${backToTopButton ? 'visible' : 'pointer-events-none invisible'}`}
+        onClick={scrollUp}
+      >
+        <img src={scrollImage} alt='scroll to top' />
+      </button>
     </div>
   );
 }