Добавление полосы прокрутки на сайт.

Question

это мой WordPress сайт: http://deadbeatfam.tk/.Тема, которую я использовал, имеет ограниченное пространство для контента, поэтому вы можете просматривать ее, если она слишком длинная ... Вот почему я хотел бы добавить полосу прокрутки.Я попытался сделать это с помощью jQueryScrollPane (http://jscrollpane.kelvinluck.com/), но он не работает. Я новичок в jQuery, поэтому это может быть моей проблемой.

Вот мой код index.php:

<?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(); ?>

Это функция ScrollBar:

<script>

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

</script>

Спасибо!

Я не против добавить простую обычную полосу прокрутки, я просто не знаю, как ..