vitch/jScrollPane — Issue #126: padding content when using scrollbar in left side
Author: expouic
Created: 2012-01-16 20:35:25+00:00
State: open

if put margin or padding left on class jspPane when jspVerticalBar stay on left side. the contents appears cut in right.

my JS:
jQuery(".scroll-pane").jScrollPane({
showArrows : true,
autoReinitialise : true
});

my CSS:

.scroll-pane {
height: 350px;
width: 430px;
margin: 0 10px 10px 28px;
outline: medium none;
overflow: auto;
}

.jspContainer{
padding: 0;
}

.jspDrag {
background: none repeat scroll 0 0 #0078C7 !important;
border: 1px solid #00487a;
}

.jspPane{
margin: 0 0 0 20px!important;
width: 410px!important;
}

.jspVerticalBar {
background: none repeat scroll 0 0 transparent!important;
width: 11px!important;
left:0;
}
.jspTrack {
background: url('../images/bg-scroller.png') repeat 0 0 transparent!important;
position: relative;
}

.jspArrow.jspArrowUp {
background: url('../images/scroll-up.png') no-repeat 0 0 transparent!important;
}

.jspArrow.jspArrowDown {
background: url('../images/scroll-down.png') no-repeat 0 2px transparent!important;
}