Creating a sticky element that appears mid page

Hi, I am creating a design for a chat widget that sits approx half way down a page. I want to prototype so that as a user scrolls past this widget, it then sticks to the bottom of the screen. I’ve tried to do this with fix position but doesnt seem to work. Does anyone know of a work around?

Thanks
Sara

9 Likes

There are some workarounds shared in this thread and also don’t forget to vote for this feature to be implemented natively: Fixed Positioning Starting At Certain Scroll Depth

15 Likes