Custom Scroll Bar Tutorial Problem

programming flash
1

so i followed the tutorial and i did everything the tutorial told me to do. i just used different pictures to replace the dull scroll bar. but i kept the instance names the same as everything. so far i have no problem on anything exept the fact that when i open my swf file, or preview the scroll box, the scroll bar will not start from the very top. in other words, the scroll bar defaulty thinks the middle of the scroll track is the top. so it’s starting at the middle and in order to scroll all the way down, i have to scroll beyond the regular viewing area. i believe the actionscript is perfectly fine since there are no errors and i have copy pasted the exact code from the tutorial.

anyone know how to fix my problem? do you need to see my .fla to see what the exact problem is?

i’ll email my .fla if needed. thank you in advance.

2

I created a scrollbar recently and was having that same problem. The solution to it was the ratio in my code, which was incorrect. I’m not sure how you have your code set up, but that would be first thing I would check. How do you have it written? Also check your registration marks.

I’m still relatively new to actionscripting, so this advice may not work; but that’s what worked for me, so I thought I’d pass it on. :}

3

i am relatively new figuring out AS too right now. what do you mean by ratio?

anyways, here is my code:

scrolling = function () {
 var scrollHeight:Number = scrollTrack._height;
 var contentHeight:Number = contentMain._height;
 var scrollFaceHeight:Number = scrollFace._height;
 var maskHeight:Number = maskedView._height;
 var initPosition:Number = scrollFace._y=scrollTrack._y;
 var initContentPos:Number = contentMain._y;
 var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
 var left:Number = scrollTrack._x;
 var top:Number = scrollTrack._y;
 var right:Number = scrollTrack._x;
 var bottom:Number = scrollTrack._height-scrollFaceHeight+scrollTrack._y;
 var dy:Number = 0;
 var speed:Number = 10;
 var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-scrollFaceHeight);
 scrollFace.onPress = function() {
  var currPos:Number = this._y;
  startDrag(this, false, left, top, right, bottom);
  this.onMouseMove = function() {
   dy = Math.abs(initPosition-this._y);
   contentMain._y = Math.round(dy*-1*moveVal+initContentPos);
  };
 };
 scrollFace.onMouseUp = function() {
  stopDrag();
  delete this.onMouseMove;
 };
 if (contentHeight<maskHeight) {
  scrollFace._visible = false;
  btnUp.enabled = false;
  btnDown.enabled = false;
 } else {
  scrollFace._visible = true;
  btnUp.enabled = true;
  btnDown.enabled = true;
 }
};
scrolling();
4

nvm. i had solved my problem couple mins ago. i realized that my symbol registrations were off. when you make simbols, you register them ( with the 9 tictactoe squares and you choose which area you want to register) i had to choose the top left corner for my scroll track and scroll face to fix this problem. thank you anyways. i was inspired to check this from your reply.

5

Thanks, that was my exact problem too!