[Plugin: WP jScrollPane] How to install jscrollpane

Hello !

Can someone help me installing a jscrollpane scrollbar on my site ?
I would like to have a custom scrollbar in my main content (homepage, posts and pages). For example : https://www.thetaikonauts.org/tour/

In my child theme, in a “scroller” folder, I have this :
– A “script” folder, containing “jquery.jscrollpane.js”, “jquery.jscrollpane.min.js”, jquery.mousewheel.js and “mwheelIntent.js”.
– A “style” folder, containing “jquery.jscrollpane.css”
– A “themes” folder, containing the “Lozenge” theme.

I downloaded all these files from https://jscrollpane.kelvinluck.com/index.html

I’ve modified my “header.php”, adding this before </head> :

<script src="<?php echo get_stylesheet_directory_uri(); ?>/scroller/script/jquery.jscrollpane.js" ></script>

<!-- styles needed by jScrollPane -->
<link type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/scroller/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/scroller/script/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/scroller/script/jquery.jscrollpane.min.js"></script>

I don’t understand where I have to put `$(function()
{
$(‘.scroll-pane’).jScrollPane();
});`

I also don’t know what I have to write in the “WP jScrollPane Settings” plugin window (element, selector…).

Thanks a lot !