0

我需要为我的滚动条定义一个边框，但是使用 Tiny Scrollbar，当我这样做时，我得到一个不正确的滚动高度值。如果我使用填充，我会得到同样的错误。我该如何解决？

.scrollable .track {
    background-color: #D8EEFD;
    height: 100%;
    width:13px;
    position: relative;
    border-radius:6px;
    border:1px solid #fff;
}

http://jsfiddle.net/qYMrN/

4

1 回答 1

1

好吧，我认为“错误”是添加边框时滚动条不适合 200px 窗口。我想出了以下解决方案。

首先 CSS 将高度设置为 198 像素以考虑边框。

.scrollable .track { background-color: #D8EEFD; width:13px; position:relative; height:198px; border-radius:6px; border:1px solid #fff;}

JQuery 告诉插件高度是198px

$(".scrollable").tinyscrollbar({ size: 198 });

这占了 1px 边框（必须计算 x2 作为顶部和底部）结果如下。

小提琴

于 2013-04-19T14:42:30.527 回答