如何使jScrollPane符合填充

Question

很难解释......但这是我画的一幅画：D

我正在使用jScrollPane Found HERE！

当前滚动条忽略div的填充。但我需要滚动条符合填充。我已经阅读了css文件并试图读取js，但我无法弄明白。

jScrollPane是一个非常好的跨浏览器解决方案，但我认为文档真的很垃圾！

如果有任何帮助，容器div的css为：

div#Side{
    /* box-model */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    /* structure */
    position:absolute;
    z-index: 2;
    right:18px;
    bottom:18px;
    width:261px;
    height:100%;
    padding-top: 10px;
    border-left: 1px Solid #EEE;
    /* style */
    background-color: #222;
}

干杯人民，

亚历

Answer 1

这个问题已有数年之久，但如果其他人遇到类似问题（我做过），那么此解决方案可能有所帮助。

jScrollPane具有“大写”功能，可让您在滚动条的末尾设置空格或间隙，使其不会达到可滚动元素的整个高度（或宽度，具体取决于大小写）。

在上面的例子中，你将在CSS中设置它：

.jspCap.jspCapTop {
    display: block;
    background: transparent;
}

.jspVerticalBar .jspCap.jspCapTop {
    height: 10px;
}

参考：http://jscrollpane.kelvinluck.com/caps.html