Frame Motion Animation

Question

I have a scrollable element horizontal, I want to start the animation even they are hidden on x-axis, I want to detect my element if they visible on Y-Axis only I am using frame motion, I tried put big negative or positive value on margin but not worked

 <motion.div
 variants={variant}
 ref={ref}
 initial="hidden"
 whileInView="visible"
 viewport={{ once: true, margin: "100px" }}
 transition={{ duration, delay }}
 {...props}
>
 {children}
</motion.div>