jquery - 如何让jScrollPane符合padding

Question

很难解释...但这是我画的图:D

我正在使用 jScrollPane 发现 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