If you scroll while mouse over the big box the content will scroll up and down.

if you click on the first inner grey box, the content

will move up, but if you try to scroll it won't scroll

down. (This is because the upper limit for a scroll action is always the top of the scroll container--the dynamic panel--meaning the relative y-location upper limit is 0, not the (dynamic) y-location of its content. Its bottom limit is the height of the content.)

If you click on the second inner box, it will scroll to the y-location of the widget named "scrollToHotspot" --the visual effect is the same, but crucially, the y-location of the content has not changed. If you click on the bottom-most inner box, it will scroll to the y-location of the widget named "topPaddingHotspot" (which has y-location of 0.)

The bottom line is you shouldn't mix scrolling a dynamic panel with moving the content of a dynamic panel.