Hey there! I've been exploring this tool to customize the default scroll-bar, and here's a fiddle showcasing my experimentation. In the fiddle, I've included the following code snippet
<div class="scroll-pane horizontal-only">Here is the jQuery script I am using:
$(function()
{
$('.scroll-pane').jScrollPane();
});
This particular part refers to line number 213 in the JavaScript section. Additionally, this is the CSS being applied:
/* Styles specific to this particular page */
.scroll-pane
{
width: 100%;
height: 200px;
overflow: auto;
}
.horizontal-only
{
height: auto;
max-height: 200px;
}
Line number 118 pertains to the CSS section.