jscollpane 高度_jScrollPane 纵向滚动条jspTrack高度计算不对，可以这样处理… - Phpvar's Blog - phpvar.com...

自己选的jScrollPane，哭着也要把坑填完...

jScrollPane是个好用的模拟美化滚动条的js插件，但如何控制横、纵向滚动条，看了官方文档的DEMO也是一点用也没有！这里记录几条自己在项目中遇到的几个问题，以及如果填坑的:

1、很多时候，我们只需要美化过的模拟的纵向滚动条而不需要横向滚动条的出现，但很无奈的是：这个横向滚动条它依旧很好的出现在页面上不消失，这里提供一种很无耻但有效的处理不需要的横向滚动条的方法：

.jScrollbar .jspHorizontalBar{display: none;}

这里，类.jScrollbar 代码要模拟滚动条的元素。

2、纵向滚动条jspTrack高度计算不对，表现如图：

页面上是显示效果就是：模拟的纵向滚动条给人感觉是只显示半截，没占满容器，很不美观。

问题解析： 出现这现象，本人的情况是，模拟的.jScrollbar容器内有控制文字自动加省略号的样式，如上图箭头所示，即相关样式是：white-space: nowrap; 去掉该样式，上述所描述的异常现象就消失了，但问题是：页面上的省略号是要保留的，即控制文件自动加省略号的样式不能删，上处理方法，如图：

如图片箭头所示，关键的点是：给加了控制文字自动加省略号white-space: nowrap;样式的元素再定义限制个宽度width即可！

3、模拟滚动条区域，会有类似input标签获得输入焦点时的焦点框出现。处理方法：

实例化时，带hideFocus - boolean (default false)//隐藏焦点框