hello again,
Ok im trying to use this scrollbar i got from kirupa.com…its the custom one…
now everything works on it except wen i click the up button…wen i click the up button it jus goes str8 back to the top instead of scrolling…i downloaded the whole Scrollbar and wen i compared to code to the Custom Scrollbar Tutorial, there were different at the btnUp.onPress = function() { part…
here is the code on the scrollbar i downloaded
scrolling = function () {
var scrollHeight:Number = scrollbg._height;
var contentHeight:Number = contentMain._height;
var draggerHeight:Number = dragger._height;
var maskHeight:Number = maskedView._height;
//
var initPosition:Number = dragger._y=scrollbg._y; var initContentPos:Number = contentMain._y;
var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
//
var left:Number = scrollbg._x;
var top:Number = scrollbg._y;
var right:Number = scrollbg._x;
var bottom:Number = scrollbg._height-draggerHeight+scrollbg._y;
//
var dy:Number = 0;
var speed:Number = 10;
var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-draggerHeight);
//
dragger.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);
};
};
dragger.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
btnUp.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._y + speed < maskedView._y) {
trace(dragger._y + " " + top);
if (dragger._y <= top) {
dragger._y = top;
contentMain._y += speed;
} else {
contentMain._y += speed;
dragger._y -= speed / moveVal;
}
} else {
dragger._y = top;
contentMain._y = maskedView._y;
delete this.onEnterFrame;
}
};
};
btnUp.onDragOut = function() {
delete this.onEnterFrame;
};
btnUp.onMouseOut = function() {
delete this.onEnterFrame;
};
btnDown.onPress = function() {
this.onEnterFrame = function() {
if (contentMain._y - speed >finalContentPos) {
if (dragger._y>=bottom) {
contentMain._y -= speed;
dragger._y = bottom;
} else {
contentMain._y -= speed;
dragger._y += speed/moveVal;
}
} else {
dragger._y = bottom;
contentMain._y = finalContentPos;
delete this.onEnterFrame;
}
};
};
btnDown.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onDragOut = function() {
delete this.onEnterFrame;
};
};
scrolling();
Now…here is the code on the tutorial
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;};btnUp.onPress = function() {this.onEnterFrame = function() {if (contentMain._y+speed<maskedView._y) {if (scrollFace._y<=top) {scrollFace._y = top;} else {scrollFace._y -= speed/moveVal;}contentMain._y += speed;} else {scrollFace._y = top;contentMain._y = maskedView._y;delete this.onEnterFrame;}};};btnUp.onDragOut = function() {delete this.onEnterFrame;};btnUp.onRollOut = function() {delete this.onEnterFrame;};btnDown.onPress = function() {this.onEnterFrame = function() {if (contentMain._y-speed>finalContentPos) {if (scrollFace._y>=bottom) {scrollFace._y = bottom;} else {scrollFace._y += speed/moveVal;}contentMain._y -= speed;} else {scrollFace._y = bottom;contentMain._y = finalContentPos;delete this.onEnterFrame;}};};btnDown.onRelease = function() {delete this.onEnterFrame;};btnDown.onDragOut = function() {delete this.onEnterFrame;}; if (contentHeight<maskHeight) {scrollFace._visible = false;btnUp.enabled = false;btnDown.enabled = false;} else {scrollFace._visible = true;btnUp.enabled = true;btnDown.enabled = true;}};scrolling();
i would like to go with the first code i pasted…but ive tried both and the first one wen i click up goes all the way up without stopping…the second one jus doesnt let me scroll up at all lol…so if someone can help me with the first code that i pasted…
Basic Problem = When i click the scollup button, it goes all the way to the top without stopping…
Thank you,
Amy
