DragDrop's Y Position not loading

On my web app, I have an element that I want to be hidden when the page scroll is less than a certain elements Y position. In other words, Box A should be hidden until the page scroll is > Box B’s y position.

To do this I’m using the Bubble-created “Draggable Elements” plugin. When the page is loaded, I assign the “yscroll” state equal to DragDrop A’s Y position. The problem is this only works about 20% of the time. 80% of the time DragDrop A’s Y position is somehow equal to 0 even though the element itself is in the middle of the screen.

Is there a better way to accomplish this or is the Draggable Elements plugin just not something that works?