Question

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

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

http://jsfiddle.net/qYMrN/

Answer 1

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

第一个CSS 将hieght设置为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作为顶部和底部必须计算）结果如下。

fiddle

Tiny Scrollbar问题：如何在滚动条上使用边框

1 个答案: