JScrollPane трасса проходит мимо границы DIV, если DIV находится на вкладке JQuery-UI

Question

<script> 

$(document).ready(function() {    
     // Init tabs. If following line is commented, scroll pane looks fine 
     $("#tabs").tabs(); 

     // init jscrollpane 
     $('.scroll-pane').jScrollPane();   
}); 

</script> 

jfiddle

Как вы можете видеть, в результате вертикальной прокрутки бар торчит в сторону верхней и турник торчит влево. Это заставляет его выглядеть уродливым.

Я бы хотел, чтобы они были точно выровнены со столом.

Если я удаляю вкладки, они не будут торчать. Поэтому я предполагаю, что это имеет какое-то отношение к тому, как работает jscrollpane под вкладкой jQuery-ui.

Я думал, что попрошу разработчиков jscrollpane и jQuery-ui изучить его после проверки с помощью фантастического сообщества SO.

Спасибо!

Answer 1

Это должен быть один из тех редких вопросов на SO, которые не отвечают/не комментируются в течение нескольких дней!

Я связался с автором jscrollpane, и он говорит, что это не имеет никакого отношения к jscrollpane. Пожалуйста, обратитесь к этой ссылке для обходного пути (предложенного автором):
https://github.com/vitch/jScrollPane/issues/250#issuecomment-24308250