WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: WP jScrollPane] How to install jscrollpane (2 posts)

  1. thetaikonauts
    Member
    Posted 2 years ago #

    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 : http://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 http://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="http://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 !

  2. thetaikonauts
    Member
    Posted 2 years ago #

    Can someone help, please...?
    Thanks !

Topic Closed

This topic has been closed to new replies.

About this Topic