Simple Custom Scrollbar - Scrolling problem

programming flash
1

I’ve tweaked this tutorial to be a horizontal scroller and it works great. The only problem I’m having with it is that I have buttons that I want to scroll WITH the background layer – but they don’t.

Currently the buttons are on layers ABOVE the mask layer. I’ve tried just moving them to be under it and on top of the background and they still don’t scroll with it. I tried them being ontop of the actual background in the background layer but they still don’t scroll.

I’ve tried tweaking the code (which I will paste below) to add the buttons in and somehow make them scroll too but I know nothing about ActionScript. I can read it and understand it but as far as writing it myself, I’m totally lost.

This is a project for work and no one else here knows how to do this, so I’m totally lost. So ANY and ALL help would be muchly appreciated.

// Keeps animation from playing automatically
stop();

// Scrollbar code
scrolling = function () {
    var scrollWidth:Number = scrollTrack._width;
    var contentWidth:Number = timelineBG._width;
    var scrollFaceWidth:Number = scrollFace._width;
    var maskWidth:Number = maskedView._width;
    var initPosition:Number = scrollFace._x=scrollTrack._x;
    var initContentPos:Number = timelineBG._x;
    var finalContentPos:Number = maskWidth-contentWidth+initContentPos;
    var top:Number = scrollTrack._y;
    var left:Number = scrollTrack._x;
    var bottom:Number = scrollTrack._y;
    var right:Number = scrollTrack._width-scrollFaceWidth+scrollTrack._x;
    var dx:Number = 0;
    var speed:Number = 10;
    var moveVal:Number = (contentWidth-maskWidth)/(scrollWidth-scrollFaceWidth);
     scrollFace.onPress = function() {
        var currPos:Number = this._x;
        startDrag(this, false, left, top, right, bottom);
        this.onMouseMove = function() {
            dx = Math.abs(initPosition-this._x);
            timelineBG._x = Math.round(dx*-1*moveVal+initContentPos);
        };
    };
    scrollFace.onMouseUp = function() {
        stopDrag();
        delete this.onMouseMove;
    };
    btnL.onPress = function() {
        this.onEnterFrame = function() {
            if (timelineBG._x+speed<maskedView._x) {
                if (scrollFace._x<=top) {
                    scrollFace._x = top;
                } else {
                    scrollFace._x -= speed/moveVal;
                }
                timelineBG._x += speed;
            } else {
                scrollFace._x = top;
                timelineBG._x = maskedView._x;
                delete this.onEnterFrame;
            }
        };
    };
    btnL.onDragOut = function() {
        delete this.onEnterFrame;
    };
    btnL.onRollOut = function() {
        delete this.onEnterFrame;
    };
    btnR.onPress = function() {
        this.onEnterFrame = function() {
            if (timelineBG._x-speed>finalContentPos) {
                if (scrollFace._x>=bottom) {
                    scrollFace._x = bottom;
                } else {
                    scrollFace._x += speed/moveVal;
                }
                timelineBG._x -= speed;
            } else {
                scrollFace._x = bottom;
                timelineBG._x = finalContentPos;
                delete this.onEnterFrame;
            }
        };
    };
    btnR.onRelease = function() {
        delete this.onEnterFrame;
    };
    btnR.onDragOut = function() {
        delete this.onEnterFrame;
    };
     if (contentWidth<maskWidth) {
        scrollFace._visible = false;
        btnL.enabled = false;
        btnR.enabled = false;
    } else {
        scrollFace._visible = true;
        btnL.enabled = true;
        btnR.enabled = true;
    }
};
scrolling();