Need help styling jScrollPane

Question

I am trying to create a jScrollPane style

but I found that my scrollbar is coming out of the container

How can i fix this? The code can be seen at http://jsfiddle.net/Mfest/

Answer 1

My answer is now superfluous, see the answer below .

---

I don't know the “correct jScrollPane method”, but it works in modern browsers.

The problem is that paddingand borderon .jspTrackadd up to make the scrollbar height 306pxinstead 300px.

So you can use the property box-sizingon .jspTrack:

    /* https://developer.mozilla.org/en/CSS/box-sizing */
    width: 12px; /* adjust width */
    /* support Firefox, Safari/WebKit, Opera and IE8 */
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;

: http://jsfiddle.net/Mfest/2/

, .

Answer 2

- .jspCap , . :

http://jsfiddle.net/Mfest/6/

, , - , / jScrollPane.

: http://jscrollpane.kelvinluck.com/caps.html

Answer 3

padding:2px; .jspTrack, , . padding:0 2px;.

: .jspTrack .jspDrag.

: http://jsfiddle.net/Mfest/3/