我试图将 jscrollpane 分配给两个 div (.scrollpane)。但不幸的是，仅在悬停时显示滚动条的功能仅适用于第一个元素。第二个总是可见的。
$（函数（）{
var $el = $('.scrollpane').jScrollPane({
垂直排水沟：16
}),
扩展插件 = {
extPluginOpts：{
mouseLeaveFadeSpeed : 500,
hovertimeout_t：1000，
使用超时：真，
设备宽度：980
},
悬停超时：空，
isScrollbarHover：假，
元素超时：空，
isScrolling：假，
addHoverFunc：函数（）{
if( $(window).width() ').css({
位置：'绝对'，
左：$vBar.css('left'),
顶部 : $vBar.css('top'),
对 : $vBar.css('right'),
底部：$vBar.css('bottom'),
宽度：$vBar.width(),
高度：$vBar.height()
}).bind('mouseenter.jsp',function() {
clearTimeout(instance.hovertimeout);
clearTimeout(instance.elementtimeout);
instance.isScrollbarHover = true;
instance.elementtimeout = setTimeout(function() {
$vBar.stop(true, true).jspmouseenter();
}, 100 );
}).bind('mouseleave.jsp',function() {
clearTimeout(instance.hovertimeout);
instance.isScrollbarHover = false;
instance.hovertimeout = setTimeout(function() {
if(!instance.isScrolling)
$vBar.stop(true, true).jspmouseleave(instance.extPluginOpts.mouseLeaveFadeSpeed || 0);
}, instance.extPluginOpts.hovertimeout_t );
});
$vBar.wrap($vBarWrapper);
}
}
},
jspapi = $el.data('jsp');
$.extend(true, jspapi, extensionPlugin);
jspapi.addHoverFunc();
});