# Easing Movieclip Scroller Script

**URL:** <https://forum.kirupa.com/t/easing-movieclip-scroller-script/70162>\
**Category:** flash\
**Created:** [November 11, 2004, 3:57am UTC](https://forum.kirupa.com/t/easing-movieclip-scroller-script/70162 "2004-11-11T03:57:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![weezy78](https://avatars.discourse-cdn.com/v4/letter/w/59ef9b/32.png) [@weezy78](https://forum.kirupa.com/u/weezy78)\
**Post date:** [November 11, 2004, 3:57am UTC](https://forum.kirupa.com/t/easing-movieclip-scroller-script/70162/1 "2004-11-11T03:57:43Z")

</div>

[size=1]Hi,  
I’ve built a script for a dynamically created movieclip scroller that eases smoothly when scrolled. It’s working great, but I’m having a bit of trouble with the positioning of the content after the scrollbar has been pressed/dragged. I believe that the problem may be in the equation for the Ypos variable (inside the ‘updateScrollbar()’ function)…but I’m not sure. Can anyone help with suggestions for optimization of this script? i think it’s a valuable one to have in a script library…once it’s working 100% properly.[/size]

[size=1]Please see the script below. Note that on the stage, there are 2 movieclips already existent: “content1” and “mask1”. If you’d like to see the .fla or experiment with it, you may download it here:[/size]

[[size=1] **http://www.gabewatkins.com/grab/scroller.zip** [/size]](http://www.gabewatkins.com/grab/scroller.zip)

[size=1]Any help is much appreciated![/size]

[size=1]------------------------[/size]

[size=1][color=royalblue]mc = content1;  
mask = mask1;  
scrollOffset = 10;[/color][/size]

[size=1][color=royalblue]scrollIt(mc, mask, scrollOffset);[/color][/size]

[size=1][color=royalblue]function addScrollElements(mask, offset) {  
st = attachMovie(“scrolltrack”, “scrolltrack”, 0); // attach the scrolltrack mc  
st.\_x = mask.\_x+(mask.\_width+offset); // position it ‘offsetR’ number of pixels to the right of the mask  
st.\_y = mask.\_y; // position it even with the top of the mask  
st.\_height = mask.\_height; // set the height equivalent to the mask’s height

sb = attachMovie(“scrollbar”, “scrollbar”, 1); // attach the scrollbar mc  
sb.\_x = st.\_x // position it’s ‘x’ equivalent to the scrolltrack’s ‘x’  
sb.\_y = st.\_y; // position it at the top of the scrolltrack

diff\_y = mask.\_height-sb.\_height;  
bounds = mask.getBounds(this);  
top = bounds.yMin;  
bottom = bounds.yMax-(sb.\_height);  
}[/color][/size]

[size=1][color=royalblue]function addEvents(mc){  
mc.onEnterFrame = function() {  
Ysquare = this.\_y;  
Ydiff = Ypos-Ysquare;  
Ymove = Ydiff/6; //modify easing out speed here  
this.\_y = Ysquare+Ymove;  
}  
sb.onMouseDown = function() {  
startDrag(this, false, this.\_x, top, this.\_x, bottom);  
scrolling = true;  
}  
sb.onMouseUp = function() {  
stopDrag();  
scrolling = false;  
}  
sb.onEnterFrame = function() {  
if (scrolling) {  
updateScrollbar(mc, mask);  
done = false;  
} else if (!done) {  
done = true;  
}  
}  
}[/color][/size]

[size=1][color=royalblue]function updateScrollbar(mc, mask) {  
Ypos = -(((sb.\_y-top)/diff\_y)\*(mc.\_height-mask.\_height));  
}[/color][/size]

[size=1][color=royalblue]function scrollIt(mc, mask, offset) {  
addScrollElements(mask, offset);  
addEvents(mc);  
}[/color][/size]

[size=1]------------------------[/size]

[size=1]Thank you!  
[/size]