feat: motoin sticky

wkylin · Dec 25, 2024 · 08bb1be · 08bb1be
1 parent 233dc2e
commit 08bb1be
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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 />