Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 小滚动条问题:如何使用滚动条上的边框_Jquery_Html_Css_Scrollbar_Tinyscrollbar - Fatal编程技术网

Jquery 小滚动条问题:如何使用滚动条上的边框

Jquery 小滚动条问题:如何使用滚动条上的边框,jquery,html,css,scrollbar,tinyscrollbar,Jquery,Html,Css,Scrollbar,Tinyscrollbar,我需要为我的滚动条定义一个边框,但使用微小的滚动条,当我这样做时,我得到了一个不正确的值do scroll height。如果我使用填充,我会得到相同的错误。我怎样才能修好它 .scrollable .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; border-radius:6px; border:1px solid #fff; }

我需要为我的滚动条定义一个边框,但使用微小的滚动条,当我这样做时,我得到了一个不正确的值do scroll height。如果我使用填充,我会得到相同的错误。我怎样才能修好它

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

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

第一个CSS 将Hight设置为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作为顶部和底部必须计数),结果如下