jquery - jScrollPane: Margin issue -
strugglig bit seems margin issue jscrollpane. tried setting margin: 0 pretty on every element that's inside jsp , on actual jsp elements. i'm attaching picture show issue. problem small black stripe between content , actual scrollbar.
css classes inside jsp
width: 100%; min-height: 60px; max-height: 300px; margin: 0; padding: 0;
css jsp
.jspcontainer { overflow: hidden; position: relative; } .jsppane { position: absolute; } .jspverticalbar { position: absolute; top: 0; right: 0px; width: 5px; height: 100%; background: url('../img/stafful.png') repeat; } .jsphorizontalbar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspverticalbar *, .jsphorizontalbar * { margin: 0; padding: 0; } .jspcap { display: none; } .jsphorizontalbar .jspcap { float: left; } .jsptrack { background: transparent; position: relative; } .jspdrag { background: #2a2a2a; position: relative; top: 0; left: 0; cursor: pointer; } .jsphorizontalbar .jsptrack, .jsphorizontalbar .jspdrag { float: left; height: 100%; } .jsparrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jsparrow.jspdisabled { cursor: default; background: #80808d; } .jspverticalbar .jsparrow { height: 16px;
kg christensen,
literally had same problem you. took digging around until figured out "feature" of jscrollpane. solution set config parameter 'verticalgutter' 0. 4px default.
$(paneelement).jscrollpane({ verticalgutter: 0 });
should trick!
Comments
Post a Comment