jquery - jScrollPane 切断滚动条的底部

Question

你可以在这里看到代码。

jQuery：

$(document).ready(function(){
    $('#scroll').jScrollPane({showArrows: true});
});

CSS：

#scroll {
    width: 50%;
    height: 200px;
}
.jspTrack {
    background-color: lightgreen;
    border: 1px solid green;
}
.jspArrowUp, .jspArrowDown {
    background-color: #009933;
    border: 1px solid lightgreen;
}
.jspArrowUp.jspDisabled, .jspArrowDown.jspDisabled {
    background-color: lightgreen;
    border: 1px solid green;
}
.jspDrag {
    background-color: #009933;
    border: 1px solid lightgreen;
}

每当它加载时，底部箭头的四分之一都会被切断。

请帮忙？？

Answer 1

我编辑了你的 jsFiddle：http: //jsfiddle.net/n8Xgz/24/

$('.jspTrack').css('height', '166');
$('.jspArrow').css({
    'position':'relative',
    'zIndex':'999',
    'height':'14px'
});