[solved]Need help with jquery scroll

[iselinarnesen]

Hi.

I hope anyone can help me on this one.
I am trying to add a jquery scrollbar to this website: http://www.terningenarena.no/index.php?page=historikk

Here is the link to the instructions: http://manos.malihu.gr/jquery-custom-content-scroller

I dont have much experience outside css/html and have some questions about the instructions:

1) Where on my server(path) do I download the files included in the download folder?

2) Do I need to download any additional modules/plugins in cmsms?

Iselin

[spcherub]

I've not used this library before, but based on the documentation and the zip file download, the following instructions should work:

1. Make a /uploads/js folder within your CMS root directory (if you don't already have one)
2. Download the zip file into this uploads/js folder
3. Extract the zip file contents - it creates a sub-folder titled "jquery_custom_scroller"

Then in the head of your template, use the following:

Code: Select all

<link href="uploads/js/jquery_custom_scroller/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<__script__ src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></__script>
<__script__ src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></__script>
<__script__ src="uploads/js/jquery_custom_scroller/jquery.easing.1.3.js" type="text/javascript"></__script>
<__script__ src="uploads/js/jquery_custom_scroller/jquery.mousewheel.min.js" type="text/javascript"></__script>

The use the instructions at http://manos.malihu.gr/jquery-custom-content-scroller to figure out how to call the functionality from the library.

Hope that helps.

S

[iselinarnesen]

Thank you. I tried to do these steps on another page: http://gaianation.org/om-meg

The scrollbar is still not working, do you have any idea of what can be wrong here?

Iselin

[spcherub]

Towards the end of your template, just above the body tag, change the following line:

Code: Select all

<__script__ src="jquery.mCustomScrollbar.js" type="text/javascript"></__script> 

to

Code: Select all

<__script__ src="uploads/js/jquery_custom_scroller/jquery.mCustomScrollbar.js" type="text/javascript"></__script> 

[iselinarnesen]

Thank you, I got it now:) So fun to learn new things:)

[M@rtijn]

Could you please add [solved] to the title of the first post?