fix(genesis landing): fix drop clipping issue

DXgovernance#34
rulfo71 · Sep 27, 2022 · 075f465 · 075f465
1 parent 84a9043
commit 075f465
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/pages/Genesis/index.js b/src/pages/Genesis/index.js
@@ -24,7 +24,8 @@ export default function Genesis() {
   // calculate ring background img position and opacity
   let backgroundImgPosition = `${scrollPosition}px`
   let dropPosition = dropRef?.current?.offsetTop
-  let opacityBackground = 1 - scrollPosition / dropPosition
+  let opacityBackground =
+    1 - scrollPosition / (dropPosition - window.innerHeight)
   let displayBackground = scrollPosition > dropPosition ? 'none' : 'block'
 
   const { dropImgWidth, backgroundDropPosition, displaybackgroundDrop } =