Scrollbar track width cant be set to fixed value

[rcoull]

I am currently using the JQuery enscroll.js plugin for custom scrollbars.

This is all working fine, but I have a layout that can be resized, and when resizing the scroll element, the scrollbar resizing is very jerky.

To fix this, I decided to fix the width of the scrollbar, so that it didn't always resize to fit the width of the scrolling div, but always stayed centered and a fixed width. That would solve my problem.

But the enscroll.js plugin doesn't seem to allow a fixed width.

I changed the CSS of the scrollbar to be:

.horizontal-track2 {
width: 500px;
height: 17px;
background: #cccccc;
}

When I load the page, the scrollbar starts at my fixed pixel width, but then quickly jumps to full 100% width - so there must be an override in the js code that resizes the scrollbar to 100% width.

I want the scrollbar to be a fixed width - I don't want it to auto-resize if I resize the page or the div.

How can I disable this so that my scrollbar is set at a fixed width and stays that fixed with and doesn't automatically resize to 100% of the div width?