How to handle embedded scrollbars

[tacman]

Perfect Scrollbar rocks, thanks for making it available.

I'd like to wrap the datatables searchpanes in a scrollbar, and I'm wondering what the best way to do this is.

https://museado.org/en/coll/

Each facet has it's own table with a scrollbar and search, and since there can be many types of facets, I want to be able to go to the facets at the end. In the example above, the "language" facet is at the bottom, I use perfect scrollbar to be able to navigate without losing the contents on the right

Of course, nested scrollbars isn't a great user experience, scrolling the left sidebar jumps around, depending on the mouse position.

I'm wondering if there's a solution to this. For example, is it possible to move the perfectScrollbar slider to the left, and only navigate with the mouse is over the slider? Or making the scrollbar itself wider (and a different color?) to make it easier to grab? Or have perfect scrollbar react to mouse wheel events only if ALT is pressed?

I realize that nested scrollbars are inherently complicated, and I'm no javascript/css expert, but figured I'd ask if someone has an idea.

Thanks.