如何让jScrollPane符合padding

Question

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

我正在使用找到的 jScrollPane < a href="http://jscrollpane.kelvinluck.com/" rel="nofollow noreferrer">这里！

当前滚动条忽略 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;
}

Cheers Peoples，

Alex

Answer 1

这个问题已经有很多年了，但如果其他人也有类似的问题（我有），那么这个解决方案可能会有所帮助。

jScrollPane 有一个“大写”功能，可让您在滚动条的末尾设置一个空格或间隙，以便它不会达到可滚动元素的完整高度（或宽度，取决于情况）。

在上述情况下，您可以在 CSS 中进行设置：

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

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

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