# Scroller problem

**URL:** <https://forum.kirupa.com/t/scroller-problem/239320>\
**Category:** Uncategorized\
**Created:** [September 20, 2007, 2:24pm UTC](https://forum.kirupa.com/t/scroller-problem/239320 "2007-09-20T14:24:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![irishcash33](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@irishcash33](https://forum.kirupa.com/u/irishcash33)\
**Post date:** [September 20, 2007, 2:24pm UTC](https://forum.kirupa.com/t/scroller-problem/239320/1 "2007-09-20T14:24:35Z")

</div>

Hi,  
I made a scroll that scrolls external thumbs from xml. When I hit the left to scroll left, it goes to the right. I hit the right and it scrolls back but only one thumbnail worth…it won’t show all the thumbs.  
here’s the code…any help

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