Sticky vs Fixed

Hi everyone,

I am trying to mimic the sticky CTA button that pops up on this cat litter box. Really cool button! ( only on mobile)

https://www.litter-robot.com

I dont want it to scroll for like a couple hundred pixels… Dont want to bombard visitors with a sticky button right away…

So far ive tried sticky positioning on the button, and it seemed like it was going to work but then no matter how much I adjusted positioning, it wasnt moving.

After that I tried absolute and at the bottom of the page, idea worked, but I dont want it on there the whole time… only after some scrolling.

Any ideas on how I can accomplish this?


Here is my site Read-Only: https://preview.webflow.com/preview/market-lamb?utm_medium=preview_link&utm_source=designer&utm_content=market-lamb&preview=59ef4e43c8dd7f6502bf16323c277a91&pageId=5d961c4e4bbd97bcbf4717f1&mode=preview
(how to share your site Read-Only link)

Use fixed - and by interaction show this div after some scroll (By webflow interactions)

image

image