# Custom scrollbar

**URL:** <https://forum.kirupa.com/t/custom-scrollbar/185045>\
**Category:** Uncategorized\
**Created:** [April 10, 2006, 3:10pm UTC](https://forum.kirupa.com/t/custom-scrollbar/185045 "2006-04-10T15:10:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vectar](https://avatars.discourse-cdn.com/v4/letter/v/b2d939/32.png) [@Vectar](https://forum.kirupa.com/u/Vectar)\
**Post date:** [April 10, 2006, 3:10pm UTC](https://forum.kirupa.com/t/custom-scrollbar/185045/1 "2006-04-10T15:10:25Z")

</div>

Can anybody tell me how they made these custom yellow arrow scrollbars  
and how the make it work ? (check out the link)

[http://www.juxtinteractive.com/](http://www.juxtinteractive.com/)

---

<div class="post-metadata">

**Author:** ![Ankou](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ankou/32/1351_2.png) [@Ankou](https://forum.kirupa.com/u/Ankou)\
**Post date:** [April 10, 2006, 6:33pm UTC](https://forum.kirupa.com/t/custom-scrollbar/185045/2 "2006-04-10T18:33:06Z")

</div>

In a case like this viewing the source is your friend. 🙂

They make use of JavaScript to control the scrolling. It appears too that onmouseover scrolls at one speed and onclick will double the “normal” speed.

There’s a LOT to explain as far as the javascript goes, so you may was to grab the js files and look over them. Then if you get into any trouble come back and post a more specific question. Unless someone has the time to go over all the code for you.

The two js files can be found:  
[http://www.juxtinteractive.com/\_includes/js/dw\_scrollObj.js](http://www.juxtinteractive.com/_includes/js/dw_scrollObj.js)  
[http://www.juxtinteractive.com/\_includes/js/dw\_hoverscroll.js](http://www.juxtinteractive.com/_includes/js/dw_hoverscroll.js)

You still may want to look at the source code since there’s a javascript function in b/n script tags in the HTML code (function initScrollLayer()) which you may need.

---

<div class="post-metadata">

**Author:** ![Vectar](https://avatars.discourse-cdn.com/v4/letter/v/b2d939/32.png) [@Vectar](https://forum.kirupa.com/u/Vectar)\
**Post date:** [April 11, 2006, 7:24am UTC](https://forum.kirupa.com/t/custom-scrollbar/185045/3 "2006-04-11T07:24:10Z")

</div>

thanks for you help