Fixing items: "top" vs "bottom" vs "none"

Hi. Can someone explain the difference between various ways to fix a component.

I understand that “none” allows it to move out of view on scroll, “top” makes it stay put, but what does “bottom” do? Thanks!

There’s actually not a different between top and bottom. We’ll get the UI updated at some point so that’s not confusing.