this really is my wordpress site: http://deadbeatfam.tk/ . The theme I made use of includes limited content space so that you can notice whether it's too lengthy... This is exactly why I must give a scrollbar. I attempted doing the work with jQueryScrollPane (http://jscrollpane.kelvinluck.com/) however it does not work. I am a new comer to jQuery so it may be my problem.

Here's my index.php code:

<?php get_header(); ?>
<?php query_posts('post_type=page&order=asc'); ?>       

<div id="page">
<div id="slider">   
    <ul class="navigation">
<?php while (have_posts()) : the_post(); ?>
        <li><a href="#<?=$post->post_name?>"><span><?php the_title(); ?>        </span></a></li>
<?php endwhile;?>
    </ul>

    <div class="scrollButtons scrollMeLeft"><a><span>previous</span></a></div>

    <div class="scroll">
        <div class="scrollContainer">
<?php while (have_posts()) : the_post(); ?>
            <div class="panel" id="<?=$post->post_name?>">
                <h3><?php the_title(); ?></h3> 
                <div><?php the_content(); ?></div> 
            </div>
<?php endwhile;?>
        </div>
        <script>

$(function()
{
$('.scroll-pane').jScrollPane();
});

</script>
    </div>

    <div class="scrollButtons scrollMeRight"><a><span>next</span></a></div>

</div>
</div>

<?php get_footer(); ?>

This is actually the ScrollBar function:

<script>

$(function()
{
$('.scroll-pane').jScrollPane();
});

</script>

Thanks!

I would not mind adding an easy normal scrollbar, I simply have no idea how..