I am trying to use the Simple Scroll bar code to do my own, however I want my scroller to be horizontal, instead of vertical. It is working however, the scrollFace that I’m using is going in the wrong direction, (the scrollFace should go to the right and it is going to the left, away from underneath the mask)
Here is my code…can someone tell me were I’m going wrong?
Thanks!
scrolling = function () {
var scrollWidth:Number = scrollTrack._width;
var contentWidth:Number = portfolioContent._width;
var scrollFaceWidth:Number = scrollFace._width;
var maskWidth:Number = maskedView._width;
var initPosition:Number = scrollFace._x=scrollTrack._x;
var initContentPos:Number = portfolioContent._x;
var finalContentPos:Number = maskWidth-contentWidth+initContentPos;
var left:Number = scrollTrack._x;
var top:Number = scrollTrack._y;
var right:Number = Width-scrollFaceHeight+scrollTrack._x;
var bottom:Number = scrollTrack._y;
var dy: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() {
dy = Math.abs(initPosition-this._x);
portfolioContent._x = Math.round(dy*-1*moveVal+initContentPos);
};
};
scrollFace.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
btnUp.onPress = function() {
this.onEnterFrame = function() {
if (portfolioContent._x=x+speed<maskedView._x) {
if (scrollFace._x<=left) {
scrollFace._x = left;
} else {
scrollFace._x -= speed/moveVal;
}
portfolioContent._x += speed;
} else {
scrollFace._x = right;
portfolioContent._x = maskedView._x;
delete this.onEnterFrame;
}
};
};
btnUp.onDragOut = function() {
delete this.onEnterFrame;
};
btnUp.onMouseOut = function() {
delete this.onEnterFrame;
};
btnDown.onPress = function() {
this.onEnterFrame = function() {
if (portfolioContent._x-speed>finalContentPos) {
if (scrollFace._x>=right) {
scrollFace._x = right;
} else {
scrollFace._x += speed/moveVal;
}
portfolioContent._x -= speed;
} else {
scrollFace._x = right;
portfolioContent._x = finalContentPos;
delete this.onEnterFrame;
}
};
};
btnDown.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onDragOut = function() {
delete this.onEnterFrame;
};
if (contentWidth<maskWidth) {
scrollFace._visible = false;
btnUp.enabled = false;
btnDown.enabled = false;
} else {
scrollFace._visible = true;
btnUp.enabled = true;
btnDown.enabled = true;
}
};
scrolling();
