jquery - jScrollPane - 瘦滚动条

Question

我有一个宽度为 2px 的垂直滚动条。问题是拖动器几乎不可能点击。是否有可能在拖动器周围添加某种白色间距以绕过我的（缺乏）精细运动能力:)？

问候马库斯

Answer 1

实现这一点的最佳方法是将滚动条的宽度保持在可点击的范围内，例如 10 像素。然后使用边框（用于简单的固定颜色）或背景图形来提供拖动的视觉外观并将其背景颜色设置为透明。

这是一个这样做的例子（使用边框）： http: //www.jsfiddle.net/vitch/2nPXf/

如果要使用图像，则应该执行以下操作：

.jspVerticalBar .jspTrack
{
    background: transparent url(/path/to/narrow/image.png) repeat-y 0 0;
}

（确保图像的宽度与您希望滚动条显示的一样宽）