From 08bb1be83494d56af9829baf2dcd8547a9c6a03b Mon Sep 17 00:00:00 2001
From: "wkylin.w@gmail.com" <wkylin.w@gmail.com>
Date: Wed, 25 Dec 2024 20:36:42 +0800
Subject: [PATCH] feat: motoin sticky

---
 src/components/stateless/HorizontalScroll/index.jsx | 2 +-
 src/pages/motion/index.jsx                          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/stateless/HorizontalScroll/index.jsx b/src/components/stateless/HorizontalScroll/index.jsx
index 5145be47..84eb5d18 100644
--- a/src/components/stateless/HorizontalScroll/index.jsx
+++ b/src/components/stateless/HorizontalScroll/index.jsx
@@ -40,7 +40,7 @@ const HorizontalScrollParallax = () => {
 
 const Card = ({ card }) => {
   return (
-    <div key={card.id} className="group relative h-[267px] w-[400px] overflow-hidden ">
+    <div key={card.id} className="group relative h-[267px] w-[400px] overflow-hidden">
       <div
         style={{
           backgroundImage: `url(${card.url})`,
diff --git a/src/pages/motion/index.jsx b/src/pages/motion/index.jsx
index c38299f8..e0dd0120 100644
--- a/src/pages/motion/index.jsx
+++ b/src/pages/motion/index.jsx
@@ -448,7 +448,7 @@ const ParallaxVert = () => {
           </motion.div>
         </div>
       </div>
-      <section ref={targetRef} className="relative h-[300vh] bg-neutral-300">
+      <section ref={targetRef} className="relative h-[300vh] pt-4 bg-neutral-300">
         <div className="sticky top-0 flex items-center overflow-hidden">
           <motion.div style={{ x: scrYProCardX }} className="flex gap-4">
             <HorizontalScrollParallax />