Display on scroll with fade transition

I have a div which shows when you scroll (dmx-show="(browser1.scrollY.offset > 100)") but I want it to fade in and out instead of just appear and disappear. I’ve tried the transitions in the Design panel but I don’t think they work with the Show and Hide Dynamic Attributes.

Is that the case? How should I do it?