Jscrollpane and wordpress - why won't they work together for me?

Question

I try to impliment the jScrollPane in to a wordpressblogg, so I can make the content be contained in a nice scroll-area that fits my design, the key thing is that I want to style the scrollbar also. I've tried following the instruction given her with the change that I try to use the Jquery library implimented (I call directly to Jquery included it wordpress without including it in an additional excessive file)

http://www.wpexplorer.com/add-custom-scrollbars-wordpress.html

• I also saw that you should put it in a no noconflict-wrappers, like they say here:

pressography.com/syndicated/daily-tip-adding-custom-js-to-wordpress-remember-jquery-noconflict-wrappers/

• also followed what the original programmer say here "Then you can use any query selector to select the elements you would like to apply jScrollPane and then initialise it". I chose a div (which I added myself) to be the targeted div, who wrapps around all the entrys of the blog. I've already styled it with overflow:scroll in the orginal themese css file. Do you think that could interfer?

kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

What am I doing wrong?

(thx on beforehand)

Answer 1

Forgot to post my code.. put it in after the wp_head(); function as I vaguely remember that you should do from somewhere..

<script type="text/javascript" src="http://djmisslopez.se/wordpress3/wp-content/themes/wpfolio/scroll/jquery.mousewheel.js"&gt;&lt;/script&gt;

<script type="text/javascript" src="http://djmisslopez.se/wordpress3/wp-content/themes/wpfolio/scroll/jquery.em.js"&gt;&lt;/script&gt;

<script type="text/javascript" src="http://djmisslopez.se/wordpress3/wp-content/themes/wpfolio/scroll/jScrollPane.js"&gt;&lt;/script&gt;

<link rel="stylesheet" type="text/css" media="all" href="http://djmisslopez.se/wordpress3/wp-content/themes/wpfolio/scroll/jScrollPane.css" />

var $j = jQuery.noConflict(); $j(function(){ jQuery('.entry').jScrollPane({scrollbarWidth:10}); });