[FONT=Avenir 45 Book]Hi Everyone,[/FONT]
[FONT=Avenir 45 Book][/FONT]
[FONT=Avenir 45 Book]I have viewed numerous tutorials and all of them work…kind of. I say kind of because none of them will work correctly. I am getting extremely frustrated and really don’t know what steps to take next. One tutorial was exactly what I was looking for: **a scroll bar that includes a slider AND arrows on the top and bottom. *[/FONT][FONT=Avenir 45 Book]Even though I start the scroller at the top, when I put in the actionScript, it starts the scroller in the center. And though it will scroll my text, since it starts in the center, it doesn’t show all of the text. Also, when I get to the bottle of the slider, the scroller continues past the bottom arrow then stops. When I try to move it back to the top, it skips most of the text so it can return back to the center. The ActionScript I have been working with mostly; I placed below. If you know of a better way to make this work, please let me know. Thank you so much! [/FONT]
[FONT=Avenir 45 Book][/FONT]
[FONT=Avenir 45 Book][/FONT]
[FONT=Avenir 45 Book][COLOR=#810081]http://www.kirupa.com/developer/flash8/scrollbar3.htm[/COLOR][/FONT]
[FONT=Avenir 45 Book]ActionScript:[/FONT]
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();
