# Custom scrollbar **URL:** \ **Category:** flash\ **Created:** [April 26, 2003, 8:43am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301 "2003-04-26T08:43:15Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Hawk](https://avatars.discourse-cdn.com/v4/letter/h/22d042/32.png) [@Hawk](https://forum.kirupa.com/u/Hawk)\ **Post date:** [April 26, 2003, 8:43am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/1 "2003-04-26T08:43:15Z")
im sure that this is one of those really simple questions, easy to answer, but i just cannot figure it out! i did a search for ‘custom scrollbar’ before posting this, just to be sure… and i didnt find anything my question is, how can one make a custom scrollbar… i need a dark dark grey thin one… plz help thanks ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [April 26, 2003, 8:49am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/2 "2003-04-26T08:49:01Z")
The end of this tut shows you how to change the colors of your scrollbar. [http://www.kirupa.com/developer/mx/components2.htm](http://www.kirupa.com/developer/mx/components2.htm) Of course, I also just made an octagon out of two boxes, I hope you have no idea what I"m talking about. (-: ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [April 26, 2003, 8:50am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/3 "2003-04-26T08:50:05Z")
create two movieclips, mc1 and mc2, and have this script on their parent timeline: ```auto mc1.onPress = function() { _root.onEnterFrame = function() { myTextfield.scroll -- } } mc1.onRelease = function() { delete _root.onEnterFrame } / ************************************ / mc2.onPress = function() { _root.onEnterFrame = function() { myTextfield.scroll ++ } } mc2.onRelease = function() { delete _root.onEnterFrame } ``` That’s for the scroll-up and scroll-down buttons. If you wanna have an actual draggable scroller, it’s a little bit more work. I know how it’s done but never tried making one. If you give me sometimes i might come up with something useful. 🙂 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 8:38am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/4 "2003-07-16T08:38:44Z")
Ahmed, could you be so kind as to explain how to create the draggable scroller that is normally placed between the up and down buttons. Sorry that I dragged up and old thread but I have been wondering how to do this for ages and would love to know :). Thanks :thumb:, JK. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 9:17am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/5 "2003-07-16T09:17:16Z")
And before anyone comes in here and gives me a flaming: I have seached the forums and no, nobody actually explains it - either that or my search results didn’t pull up the right threads. I just couldn’t find it… Could somebody please explain how to create a custom draggable scroller that is placed between the up and down buttons in a Flash scrollbar normally (and I mean without using the component - I’m talking about being able to do it with any shape in Flash via AS like you can with the up and down buttons). ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 9:48am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/6 "2003-07-16T09:48:59Z")
ah, i missed this thread… making a draggable once lies beyond my knowledge ☹ You will need to calculate the field’s height and the field’s maxscroll, and set the height of the bar accordingly that’s all i can tell you, i really haven’t tried doing this before… ☹ ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 10:28am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/7 "2003-07-16T10:28:53Z")
_eyes glaze over and brain enters hibernation_ of course. No worries. I know how to do that ;). Hmm… well, the field’s height should be it’s height in Flash I would imagine. And then the maxscroll… I’m not sure about that one but will try to find out from the Help in Flash. Don’t worry about it Ahmed and thankyou very much for even that, however, if you or anyone else does know how to do this, please post here and let us know. This is really bugging me :). ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 10:47am UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/8 "2003-07-16T10:47:35Z")
[http://www.flashkit.com/tutorials/Interactivity/Creating-Patrick\_-532/index.php](http://www.flashkit.com/tutorials/Interactivity/Creating-Patrick_-532/index.php) [http://www.flashkit.com/tutorials/Interactivity/Actionsc-Patrick\_-640/index.php](http://www.flashkit.com/tutorials/Interactivity/Actionsc-Patrick_-640/index.php) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 16, 2003, 1:13pm UTC](https://forum.kirupa.com/t/custom-scrollbar/19301/9 "2003-07-16T13:13:41Z")
Ugh… Flash Kit. I don’t like Flash Kit but they appear to have the information on there so thanks no bone movie :thumb:.