Custom scrolller - issue with multiple objects....

Question

Hi,
I'm developing a very simple custom scroller as a proof of concept. The idea is to have a background image(content_mc), lay multiple objects(myContent[i]) on top of the image, and scroll them all as a cohesive unit. However, I can not scroll myContent[i] appropriately; each object has a unique position and when I try to scroll them, they all assume one position(in which everything overlaps), move to that position and then scroll(see the ### comment below). Does anyone know how to accomplish this?(or does any of this not make the slightest bit of sense?)
Thx for any help,
Chipleh
var rect:Rectangle;var scrollerMinY:Number = scrollbar_mc.scroller_mc.y;
var contentMaxY:Number = content_mc.y;
var padding:Number = 40;
scrollbar_mc.scroller_mc.buttonMode = true;
scrollbar_mc.scroller_mc.addEventListener(MouseEvent.MOUSE_DOWN, dragIt);
function dragIt(e:MouseEvent):void {
    rect = new Rectangle(4, 3, 0, 180);
    scrollbar_mc.scroller_mc.startDrag(false, rect);
    stage.addEventListener(MouseEvent.MOUSE_UP, dropIt);
    scrollbar_mc.scroller_mc.addEventListener(Event.ENTER_FRAME, scrollIt);
function dropIt(e:MouseEvent):void {
    scrollbar_mc.scroller_mc.stopDrag();
    scrollbar_mc.scroller_mc.removeEventListener(Event.ENTER_FRAME, scrollIt);
function scrollIt(e:Event):void
    var scrollerRange:Number = rect.height;
    var contentRange:Number = content_mc.height - mask_mc.height + padding;
    var percentage:Number = (scrollbar_mc.scroller_mc.y - scrollerMinY) / scrollerRange;
    var targetY:Number = contentMaxY - percentage * contentRange;
    content_mc.y = targetY;
    //###Herein lies the problem; I can not get multiple clips to align consistently like content_mc
    for(var i:int = 0;i<myContentArray.length;i++)
        var myContent:Object = MovieClip(root).getChildByName(myContentArray[i]);
        myContent.y = targetY - myContent.y;   

Answer 1

Hiyas moccamaximum,
Thx for the reply. Below are the screenshots, where the "align consistently" issue is apparent. When I instantiate the objects, the objects align per the "Before scrolling" screenshot. As soon as I start to scroll, the objects all align to one position(targetY)i.e.: "After scrolling" screenshot. I understand why that is happening, what i don't understand is how to maintain the layout of the objects while scrolling, per:
for(var i:int = 0;i<myContentArray.length;i++)
        var myContent:Object = MovieClip(root).getChildByName(myContentArray[i]);
        myContent.y = targetY;   
Before scrolling:
During scrolling: