# Scrollbar tutorial flash 8

**URL:** <https://forum.kirupa.com/t/scrollbar-tutorial-flash-8/184622>\
**Category:** flash\
**Created:** [April 6, 2006, 11:24am UTC](https://forum.kirupa.com/t/scrollbar-tutorial-flash-8/184622 "2006-04-06T11:24:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![MyDNA](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@MyDNA](https://forum.kirupa.com/u/MyDNA)\
**Post date:** [April 6, 2006, 11:24am UTC](https://forum.kirupa.com/t/scrollbar-tutorial-flash-8/184622/1 "2006-04-06T11:24:14Z")

</div>

:afro: I used the scrollbar form the tutorial in the flash 8 section, added some easing and it worked fine.  
After that i found a file on [ffiles.com](http://ffiles.com) where news got loaded from an xml file. So added a part of that into my file so for every added record in my file there will be a duplicate movieclip. Even that works fine. But now the code doesn’t see the height of the movieclips to scroll. I fixed that problem too.

It scrolls fine but not to the bottom of all the movieclips but to a standard point. Is there a way to let it scroll all the way?

For the record it’s just the file from the flash 8 simple scrollbar tutorial only with dynamic data. Here is the AS i used.

```auto
    [FONT=Courier New][LEFT]scrolling = [COLOR=#000000] **function** [/COLOR] [COLOR=#000000]([/COLOR]easing[COLOR=#000000])[/COLOR]
[COLOR=#000000]{[/COLOR]
    [COLOR=#000000] **var** [/COLOR] moveSpeed:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]20[/COLOR];
    [COLOR=#000000] **var** [/COLOR] easingSpeed:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]10[/COLOR];
    [COLOR=#000000] **var** [/COLOR] scrollHeight:[COLOR=#0000ff]Number[/COLOR] = scrollTrack.[COLOR=#0000ff]_height[/COLOR];
    [COLOR=#000000] **var** [/COLOR] contentHeight:[COLOR=#0000ff]Number[/COLOR] = contentMain.[COLOR=#0000ff]_height[/COLOR];
    [COLOR=#000000] **var** [/COLOR] scrollFaceHeight:[COLOR=#0000ff]Number[/COLOR] = scrollFace.[COLOR=#0000ff]_height[/COLOR];
    [COLOR=#000000] **var** [/COLOR] maskHeight:[COLOR=#0000ff]Number[/COLOR] = maskedView.[COLOR=#0000ff]_height[/COLOR];
    [COLOR=#000000] **var** [/COLOR] initPosition:[COLOR=#0000ff]Number[/COLOR] = scrollFace.[COLOR=#0000ff]_y[/COLOR] = scrollTrack.[COLOR=#0000ff]_y[/COLOR];
    [COLOR=#000000] **var** [/COLOR] initContentPos:[COLOR=#0000ff]Number[/COLOR] = contentMain.[COLOR=#0000ff]_y[/COLOR];
    [COLOR=#000000] **var** [/COLOR] finalContentPos:[COLOR=#0000ff]Number[/COLOR] = maskHeight - contentHeight + initContentPos;
    [COLOR=#000000] **var** [/COLOR] [COLOR=#0000ff]left[/COLOR]:[COLOR=#0000ff]Number[/COLOR] = scrollTrack.[COLOR=#0000ff]_x[/COLOR];
    [COLOR=#000000] **var** [/COLOR] top:[COLOR=#0000ff]Number[/COLOR] = scrollTrack.[COLOR=#0000ff]_y[/COLOR];
    [COLOR=#000000] **var** [/COLOR] [COLOR=#0000ff]right[/COLOR]:[COLOR=#0000ff]Number[/COLOR] = scrollTrack.[COLOR=#0000ff]_x[/COLOR];
    [COLOR=#000000] **var** [/COLOR] bottom:[COLOR=#0000ff]Number[/COLOR] = scrollTrack.[COLOR=#0000ff]_height[/COLOR] - scrollFaceHeight + scrollTrack.[COLOR=#0000ff]_y[/COLOR];
    [COLOR=#000000] **var** [/COLOR] dy:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]0[/COLOR];
    [COLOR=#000000] **var** [/COLOR] speed:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]20[/COLOR];
    [COLOR=#000000] **var** [/COLOR] moveVal:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000000]([/COLOR]contentHeight + maskHeight[COLOR=#000000])[/COLOR] / [COLOR=#000000]([/COLOR]scrollHeight - scrollFaceHeight[COLOR=#000000])[/COLOR];
    scrollFace.[COLOR=#0000ff]onPress[/COLOR] = [COLOR=#000000] **function** [/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]
    [COLOR=#000000]{[/COLOR]
        [COLOR=#000000] **var** [/COLOR] currPos:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]_y[/COLOR];
        [COLOR=#0000ff]startDrag[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#0000ff]this[/COLOR], [COLOR=#000000] **false** [/COLOR], [COLOR=#0000ff]left[/COLOR], top, [COLOR=#0000ff]right[/COLOR], bottom[COLOR=#000000])[/COLOR];
        [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]onMouseMove[/COLOR] = [COLOR=#000000] **function** [/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]
        [COLOR=#000000]{[/COLOR]
            dy = [COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]abs[/COLOR] [COLOR=#000000]([/COLOR]initPosition - [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]_y[/COLOR][COLOR=#000000])[/COLOR];
            contentMain.[COLOR=#000080]newY[/COLOR] = [COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]round[/COLOR] [COLOR=#000000]([/COLOR]dy * -[COLOR=#000080]1[/COLOR] * moveVal + initContentPos[COLOR=#000000])[/COLOR];
        [COLOR=#000000]}[/COLOR];
    [COLOR=#000000]}[/COLOR];
    contentMain.[COLOR=#0000ff]onEnterFrame[/COLOR] = [COLOR=#000000] **function** [/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]
    [COLOR=#000000]{[/COLOR]
        [COLOR=#0000ff]if[/COLOR] [COLOR=#000000]([/COLOR]!easing || easing == [COLOR=#0000ff]undefined[/COLOR][COLOR=#000000])[/COLOR]
        [COLOR=#000000]{[/COLOR]
            [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]_y[/COLOR] = [COLOR=#0000ff]this[/COLOR].[COLOR=#000080]newY[/COLOR];
        [COLOR=#000000]}[/COLOR]
        [COLOR=#0000ff]else[/COLOR]
        [COLOR=#000000]{[/COLOR]
            [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]_y[/COLOR] += [COLOR=#000000]([/COLOR][COLOR=#0000ff]this[/COLOR].[COLOR=#000080]newY[/COLOR] - [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]_y[/COLOR][COLOR=#000000])[/COLOR] / easingSpeed;
        [COLOR=#000000]}[/COLOR]
    [COLOR=#000000]}[/COLOR];
    scrollFace.[COLOR=#0000ff]onMouseUp[/COLOR] = [COLOR=#000000] **function** [/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]
    [COLOR=#000000]{[/COLOR]
        [COLOR=#0000ff]stopDrag[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
        [COLOR=#0000ff]delete[/COLOR] [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]onMouseMove[/COLOR];
    [COLOR=#000000]}[/COLOR];
    [COLOR=#0000ff]if[/COLOR] [COLOR=#000000]([/COLOR]contentHeight < maskHeight[COLOR=#000000])[/COLOR]
    [COLOR=#000000]{[/COLOR]
        scrollFace.[COLOR=#0000ff]_visible[/COLOR] = [COLOR=#000000] **true** [/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000ff]else[/COLOR]
    [COLOR=#000000]{[/COLOR]
        scrollFace.[COLOR=#0000ff]_visible[/COLOR] = [COLOR=#000000] **false** [/COLOR];
    [COLOR=#000000]}[/COLOR]
[COLOR=#000000]}[/COLOR];
scrolling [COLOR=#000000]([/COLOR][COLOR=#000000] **true** [/COLOR][COLOR=#000000])[/COLOR];

```

If someone can help me out i would be very gratefull  
[/LEFT]  
[/FONT]